我对IE6恨之入骨的重要原因之一，恐怕就是对PNG各种半透明的支持情况了。我们在其他浏览器可以轻松实现的图片半透明效果，到了IE6这儿就得纠结蹉跎，虽然IE6勉强的支持PNG-8格式的伪半透明，但这个和GIF图片的效果相差并不大，如果你使用PNG-32的话，你所有的半透明区域都会变成灰底。

网上有不少IE6上实现PNG半透明的工具，各有千秋，大多数使用了IE的一个滤镜：AlphaImageLoader，使用后会有各种诸如问题（比如background-position和background-repeat属性支持的不完善，有些还会擅自更改背景图片的尺寸）。DD_belatedPNG提供了一种新的选择，他使用微软的VML语言对PNG图片进行重新绘制，以达到半透明的效果，并且能支持background-position和background-repeat属性。

查看Demo | 打包下载

其使用方法也不难，先在此下载DD_belatedPNG ，然后插入head标签中：

<!--[if IE 6]>
<script type="text/javascript" src="DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript"> 
DD_belatedPNG.fix('.png');
</script> 
<![endif]-->

将所有需要需要修补的元素加上class=”png”即可

PS：对于:focus和:hover伪类，则需要将以上代码中的 :
DD_belatedPNG.fix(‘.png’);
修改为 :
DD_belatedPNG.fix(‘.png,a.png:hover,.png:focus’);

BTW：虽然这样可以缓解IE6下PNG的问题，不过会带来性能问题，还有一些其他的问题，自然是不如对png半透明有原生支持的浏览器的。所以，赶快让该死的IE6下地狱吧。阿门！

评论

• 2010/09/05, 夏小淚 说: 我现在都推荐我身边的朋友使用chrome或是FF,有些不会用的，就把IE6直接升级IE8了~！！
• 2010/09/08, interjc 说: @夏小淚, good job！
• 2010/09/10, Runescapegold 说: ie6很少有人用了
• 2010/09/10, 皇家元林 说: 你那个链接前面的图标是怎么加上去的？而且只是链接有，图片没有呢？
• 2010/09/10, interjc 说: @皇家元林, 神奇吧，哈哈～ jquery+css...
• 2010/09/10, 皇家元林 说: 能教教我吗？谢谢！
• 2010/09/10, interjc 说: @皇家元林, 这个说来话长啊，你可以看我的源码中文哦style.css和javascript.js，搜索more-link看相关代码..
• 2010/11/24, Tao Zhu 说: 想消灭IE6的最好方法就是尽快让XP滚蛋！
• 2011/11/07, 张垒 说: 加入JS代码后，用IE8打开网页时，提示参数无效。不知道怎么解决，您有什么方法吗？
• 2011/11/08, interjc 说: @张垒, 这玩意儿只在IE6菜生效啊，检查下你代码的全角半角什么的看看。