PNG透明

IE6 PNG透明终极解决方案

烈酒焚心 提交于 2019-12-06 17:38:36
方案1 - 滤镜解决方案: 介绍: 滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。 注意:此方法在部分版本的IETest中无效,建议使用标准的IE6来进行测试! 目录说明: 思路: 1、书写正常的CSS代码,通过background导入图片,这样所有的浏览器均使用了此PNG图片; background:url( ../images/W3CfunsLogo.png ); 2、通过滤镜对引入图片,滤镜引入图片的时候是 相对于HTML文件,而不是相对于CSS文件 ,语法如下: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" images/W3CfunsLogo.png "); 代码写到这里,我们放到IE6下测试后发现IE6还是没有透明,因为我们虽然设置了滤镜引入图片,但是background也同样加载了此图片,又因为background的图层比滤镜设置的高,所以才没有显示出来,如下图: 3、所以我们得出的结论就是当我们使用filter的时候,就要使background失效,因此我们可以使用 CSSHack 来解决此问题(如果您不知道IE6的 CSSHack 如何使用的话,请看 这里! ),只需要将IE6的