IE8元素采用png透明背景时,设置filter: alpha(opacity=*)时背景出现黑色斑点bug。

如题:在IE8元素采用png透明背景时,设置filter: alpha(opacity=*)时背景出现黑色斑点bug。

IE8元素采用png透明背景时,设置filter: alpha(opacity=*)时背景出现黑色斑点bug。_第1张图片

找到了影响的原因,就是删掉样式属性了,删掉filter后图片归于正常。

可是为什么会出现这样呢?

出现背景变黑应该是给整个窗体设置了透明度导致,那么对于IE7、IE8来说,它虽然提供了对半透明PNG的支持,但这种支持是不健全的。这种不健全的一种表现就是,当你为半透明PNG图片(或使用半透明PNG作为背景的元素)设置透明度时,PNG图片的半透明部分会显示为黑色(但不透明部分的显示是正常的)。

E 实现透明度是通过其私有的 CSS 滤镜的方式,而非标准的 CSS3 属性。而且IE透明滤镜本身就是存在 bug。本身存在bug~~~.

看到这里这个问题就忽略了。心里苦。

参考文章 IE8半透明滤镜(filter:alpha)失效、png半透明失效的解决办法

你可能感兴趣的:(IE8元素采用png透明背景时,设置filter: alpha(opacity=*)时背景出现黑色斑点bug。)