在CSS中爲div分配顏色

Question

我正在使用jquery.reveals.js插件。
在CSS

#fff 
#000 

指定了以下的顏色被不同的解釋上不同的瀏覽器。
獲取有關火狐，Chrome和IE 9（及以上）以下輸出

但是我得到了一些意想不到的結果與IE8

我想上面的問題是因爲在CSS中指定的顏色只有3位數字，即#fff和#000。
我該如何解決這個IE8問題

Answer 1

那麼它看起來像IE8是一個正確的，現代瀏覽器正在解釋它看起來像#000;但有一些透明度，是否有一個設置opacity: 0.5; IE瀏覽器忽略和良好的瀏覽器正在做？

Answer 2

用6個字符指定顏色，或者更好的方法是將顏色指定爲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