css - 将 IE 7 和 8 的 CSS 过滤器属性用于渐变以及背景图像会降低图像的不透明度吗？

Question

我在 IE 7 和 8 中为元素添加了渐变和背景图像，但是 filter 属性似乎正在改变背景图像的不透明度，因此它没有应有的明亮(而不是1.0 的不透明度更像是 0.4)。

有人知道怎么解决吗？

我创建了一个 JSFIDDLE所以你可以试试看。 (仅适用于 IE 7-8)

Answer 1

问题是:IE 将过滤器放在背景图像上，所以它实际上并没有获得不透明度，而是覆盖了渐变。

因此，唯一的解决方案是添加一个带有图像的额外 block ，这样它就会覆盖带有渐变的 block ，如下所示:http://jsfiddle.net/9UEGu/2/

如果你不想在你的标记中有一个额外的 div 并且不反对表达式，你可以这样做:http://jsfiddle.net/9UEGu/3/