Color: rgba()为Internet Explorer解决方案

Question

我已经能够成功地使用以下变通方法:

background: rgb(42,42,42);
background: rgba(42,42,42,0.7);

然而，这只适用于background:，而不适用于color:。有没有人知道一个解决办法，让它与color:工作?

Answer 1

Internet Explorer只接受百分比作为RGB值。

color: rgb(16%,16%,16%);
color: rgba(42,42,42,0.7);

Microsoft Spec: http://msdn.microsoft.com/library/ms530749.aspx

演示:

http://wecodesign.com/demos/stackoverflow - 7082955. - htm

UPDATE因为IE兼容模式中的一个bug，如果你声明两个相同的东西，它会忽略它们，下面的代码将在兼容模式和标准模式下工作

h1 {
    color: rgb(16%,16%,16%);
}
h1 {
    color: rgba(42,42,42,0.7);
}

Answer 2

经过一些额外的研究，我发现这是可行的:

<!--[if lte IE 8]> 
    <style type="text/css"> 
        a#scrollUp { 
            color: #ffffff !important; 
        }    
    </style> 
<![endif]-->

它使用条件样式表;lte IE 8将匹配低于或等于8的任何IE版本。只需输入适当的(十六进制符号)颜色，并使用important优先考虑它就可以了。

我希望这对其他网页设计师也有帮助!

我不确定是否接受我自己的答案，我只是希望有人仍然会发布一个更好的(更有效的)，工作的解决方案。