在CSS中为div分配颜色

Question

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

#fff 
#000

在不同浏览器上的解释方式不同。
在firefox，chrome和IE 9（及以上版本）上获得以下输出

然而我在IE8中得到了一些意想不到的结果

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

的问题

Answer 1

看起来好像IE8是正确的，现代浏览器将它解释为看起来像#000;，但有一些透明度，是否有一个IE忽略的opacity: 0.5;设置好的浏览器正在做什么？

Answer 2

指定六个字符的颜色，或者更好的是将颜色指定为rgba值。

Answer 3

这可能是因为在IE9之前，IE的png处理是非常有缺陷的。如果你查看插件的资产文件夹，你会发现modal-gloss.png。现在，当您在IE9之前在IE中对不透明的透明动画进行动画处理时，它将失去透明度。

尝试使用

禁用动画

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

Answer 4

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

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

Answer 5

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

More about RGBA

Answer 6

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

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