IE8中的前景透明度

Question

我正试图让IE8中的透明度变得更好。我见过的所有解决方案都是针对背景颜色的，但我正试图让它适用于前景色。

我想在IE8中获得此效果（颜色是用户生成的，因此近似的混合颜色解决方案不起作用，因为这些不是目标颜色）

HTML：

<div>testing</div>
<span>testing</span>

CSS：

div {
    color: rgba(255, 0, 0, .5);
}
span {
    color: red
}
body {
    background: green;
}

http://jsfiddle.net/6L2DZ/

Answer 1

在CSS中的IE8中没有本地方法可以做到这一点。 IE8不支持CSS rgba颜色。故事结束。

实现这一目标的唯一方法是使用polyfill脚本，我知道唯一可以在IE8中执行rgba颜色的polyfill脚本是CSS3Pie。

使用CSS3Pie将在某些上下文中添加对rgba颜色的支持，但对文本颜色添加不。它适用于背景颜色和渐变颜色，但不适用于文本。

因此，我认为你所寻找的东西实际上并不是你想要的。

您可以通过将文本放入其自己的单独元素并为该元素设置不透明度来获得成功。由于元素中唯一的东西是你的文本，它会产生类似的效果，就像你使用rgba给文本一个透明效果一样。这不是理想的，但它是我能想到的唯一可行的解​​决方案。

Answer 2

试试这个：filter: alpha(opacity=75);

或者：Opacity CSS not working in IE8

Answer 3

我按照此处所述：http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

当我需要做类似的事情时，是否有效：D