几种分享IE6 PNG 透明的方法

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：css教程

1. 使用CSS滤镜：在IE6中，可以使用Alpha滤镜来实现PNG透明效果。 2. 使用JavaScript库：例如DD_belatedPNG.js、pngfix.js等，这些库可以帮助IE6解析PNG图片的透明度信息。 3. 使用背景定位：将PNG图片作为背景图，并使用background-position属性将其定位到需要透明的位置。 4. 使用HTML标签：例如标签的src属性设置为PNG图片的路径，然后设置其style属性为filter:alpha(opacity=50)，其中opacity的值可以根据需要进行调整。

分享IE6 PNG 透明的几种方法

第一种方法。利用IE滤镜的方法使PNG透明，很方便，不需要第三方插件。

语法：

.png{_background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src="test.png");}

说明：
注意这里图片的路径是从根目录开始算的，而不是从图片文件夹。往往显示不出图片一般都是路径错误的问题。建议这里可以填绝对路径最保险。

第二种方法，是我在腾讯网站上剽来的，呵呵，这就是多分析高手写的网站的好处，学习他们的优点。第二种方法是利用DD_belatedPNG_0.0.8a-min.js插件来完成的，兼容性非常好。

语法：

<scripttype="text/javascript"src="DD_belatedPNG_0.0.8a-min.js"></script><scripttype="text/javascript">DD_belatedPNG.fix('div,ul,img,li,input,a');</script>

说明：

测试过，基本全部兼容，a:hover后的PNG藐视不支持，百度上说支持，反正我没弄出来，大家可以自己去试试。还有一个缺点就是PNG有抖动网上的方法也不好用，这里就不写了。

暂时只收藏了这2种还有其他方法都不好使，以后有好用的在更新。