javascript - 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

在 IE8 的 CSS 中没有一种原生的方法来做到这一点。 IE8 不支持 CSS rgba 颜色。故事结束。

实现此目的的唯一方法是使用 polyfill 脚本，据我所知，唯一可以在 IE8 中执行 rgba 颜色的 polyfill 脚本是 CSS3Pie .

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

因此，我不认为你正在寻找的东西实际上可以按照你想要的方式完成。

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