在IE6直接显示（包括内容中直接插入、作为背景图片）PNG-24格式的图片，是不能正确显示透明、半透明内容与其他内容的叠加呈现效果的。那些IE7+以及其他标准浏览器中漂亮的虚化、淡出、投影效果，在IE6-中很可能成了一坨难看的灰色。而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web设计的创意发挥。本文将介绍DD_belatedPNG是如何让IE6支持半透明PNG的。
本站也有使用半透明的png-24背景，在处理IE6兼容性的时候使用过很多的解决方法。虽然解决IE6的透明PNG的方法也很多，从使用IE特有的滤镜或是e-xpression，再到javascript+透明 GIF替代。但是这些方法都有一个缺点，就是不支持CSS中backgrond-position与background-repeat属性。
而使用DD_belatedPNG.js可完美的解决IE6下PNG图片透明问题，并且支持backgrond-position与background-repeat。这是其他方法所不具备的，同时DD_belatedPNG还支持a:hover属性，以及<img>，其官方版本也在不断的更新。
下面来介绍一下DD_belatedPNG，其官方网站是http://www.dillerdesign.com/experiment/DD_belatedPNG/ 。最新的下载地址是0.0.8a.js (Uncompressed, ~12Kb) 0.0.8a-min.js (Compressed, ~7Kb)
使用方法：在页面的<head></head>之间引用下面代码
<!--[if IE 6]>
<script src="/Blog/DD_belatedPNG.js"></script>
<script>DD_belatedPNG.fix('.png_bg');</script>
<![endif]-->
第一个是DD_belatedPNG.js的文件路径，在脚本上加上函数调用DD_belatedPNG.fix()。.fix需要一个参数：一个代表CSS选择器的文本字符。我的个人站点“丑颜”上使用的是.png_bg，然后我在每个用到png透明背景的地瓜都加上一个class=”png_bg” 。示例请看丑颜的背景图。
QQ空间
豆瓣网
本地收藏- 上一篇：第一篇博客
