将IE 7和8的CSS过滤器属性用于渐变和背景图像，是否降低了图像的不透明度？

Question

我已经在IE7& 8中的一个元素中添加了一个渐变和一个背景图像，但是滤镜属性似乎改变了背景图像的不透明度，所以它不像它应该的那样明亮(而不是1.0的不透明度，它更像0.4)。

有人知道怎么解决这个问题吗？

我已经创建了一个JSFIDDLE，所以你可以尝试一下。(仅适用于IE 7-8)

Answer 1

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

因此，唯一的解决方案是添加一个额外的带有图像的块，这样它就会超过带有梯度的块，就像这样：http://jsfiddle.net/9UEGu/2/

如果您不想在标记中使用额外的div，也不想针对表达式，那么可以这样做：http://jsfiddle.net/9UEGu/3/