background-color: transparent 在 Safari 和 IE11 浏览器中显示为 background-color: #0000答案

【问题标题】：background-color: transparent shows as background-color: #0000 in Safari and IE11 browsersbackground-color: transparent 在 Safari 和 IE11 浏览器中显示为 background-color: #0000
【发布时间】：2019-01-29 09:59:57
【问题描述】：

一些按钮的背景颜色似乎是黑色，当我在浏览器中检查值时，它显示为#0000，而我的 CSS 有background-color: transparent，我尝试将不透明度更改为 0，但即使这样也没有好像不行。

注意：我没有使用任何background-image: url 属性，它只是background-color。我尝试在这里搜索其他答案，但它们似乎不起作用。

汉堡图标：

我的 CSS：

.menu-toggle {
  background-color: #0000;
  border: none;
  color: #333;
  display: block;
  float: left;
  margin-left: .2em;
  padding: .5em;
}

而在我的代码中，我将其编写为透明的。

【问题讨论】：

你试过 background-color:transparent !important; 吗？
是的，我也试过了
您发布的 sn-p 包含“background-color: #0000;”？所以1.这个sn-p来自哪里，你的CSS在哪里，“背景颜色：透明；”和 2. #0000 甚至是有效的颜色符号吗？它们不是 RGB 的 3 个十六进制数字还是 RRGGBB 的 6 个数字？
你可以在这里添加你的html代码吗？会有帮助的
和背景颜色：#0000;不是有效的财产！！它不会工作

标签： css safari internet-explorer-11 background-color

【解决方案1】：

4 位十六进制表示法 #0000 是 CSS 颜色级别 4 的新增功能，自 Safari 版本 10 起已受支持。它是有效的 CSS，并且一直是 pretty widely supported for almost a year now。¹ 您可以了解更多关于它here。我不知道为什么 Internet Explorer 11 会向您显示该符号，考虑到 Color 4 规范在发布时甚至还没有发布（FPWD 于 2016 年发布，将近 三年后）。甚至 Microsoft Edge 都不支持任何新的颜色符号。

尽管如此，浏览器通常会以与您指定的符号不同的符号来反映计算值，只要您不查看 window.getComputedStyle() 或检查器的“计算值”部分。 transparent 关键字、符号 #0000 和符号 rgba(0, 0, 0, 0) 都等于相同的值，所以不要担心浏览器可能会更改您的 CSS。

_{或两年以上，如果您认为它在 Chrome 52 到 61 的实验性功能标志之后可用。}

【讨论】：