【原创】IE6实现PNG透明半透明

最近写了一个个人主页，先p好的图，使用了渐变透明和边缘透明，想了一想，使用GIF图片吧，可是PS生成的图片边缘效果很差劲，于是想到了png图片，可是png IE6的透明支持很差劲，想到了使用CSS滤镜，效果是出来了，可是超链接却无法点击。

 

CSS滤镜代码：

 background-image: url(images/header.png) !important;
 background-repeat: no-repeat;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header.png');
 _background-image: none;

 

百思不得其解，查阅了资料才发现，那个滤镜是高于任何一个层的，所以超链接无法点击，于是想到了z-index属性，最终效果还是不好，百度不好使，就谷歌了。终于找到了一个不错的方案，分享一下：

http://spider518.gqee.com/scripts/iepng.js

使用方法：

<script type="text/javascript">
   EvPNG.fix('div, li, a, img, dt'); 

   //EvPNG.fix('包含透明PNG图片的标签'); 多个标签之间用英文逗号隔开。
</script>

 

不论是背景，还是图片等等都可以实现透明。