html - 在 CSS 中为 div 分配颜色

Question

我正在使用 jquery.reveals.js 插件。
css中指定的以下颜色

#fff 
#000

在不同的浏览器上有不同的解释。
在 firefox、chrome 和 IE 9（及更高版本）上获得以下输出显示框的一角显示出淡淡的黑暗和更黑暗

但是我用 IE8 得到了一些意想不到的结果显示框的角落没有正确的颜色

我猜上面的问题是因为 css 中指定的颜色只有 3 位数字#fff，即#000.
如何为 IE8 解决此问题

score 1 · Accepted Answer

好吧，看起来 IE8 是正确的，现代浏览器正在将其解释为看起来像#000;但有一定透明度的地方，是否存在opacity: 0.5;IE 忽略的某个地方的设置，而好的浏览器正在做的？

score 0 · Accepted Answer

0

以六个字符指定颜色，或者最好将颜色指定为一个rgba值。

于 2012-08-03T13:58:58.043 回答

score 0 · Accepted Answer

这可能是因为在 IE9 之前，IE 的 png 处理存在严重缺陷。如果您查看插件的资产文件夹，您会发现一个modal-gloss.png. 现在，当您在 IE9 之前在 IE 中为半透明设置不透明度动画时，它会失去透明度。

尝试禁用动画

 $(...).reveal({ animation: 'none'});

score 0 · Accepted Answer

颜色显示正确。我认为问题出在opacity.

在这里您可以阅读有关所有浏览器的 CSS 透明度设置。

score 0 · Accepted Answer

0

试试rgba(0,0,0,0.5)。

于 2012-08-03T14:26:51.613 回答

score 0 · Accepted Answer

坚持按预期使用标准，不要为浏览器留下猜测。含义以十六进制定义为#RRGGBBnot #RGB。您可以切换颜色值方案（如 RGB），但这不应该是您的问题。

此链接向您展示每种颜色值方案的示例并讨论浏览器兼容性： http ://www.w3schools.com/cssref/css_colors_legal.asp

6 回答 6