DD_belatedPNG，最佳IE6环境下实现PNG-24的应用方案

        兄弟们，热泪盈眶了没？仰天长啸了没？疯狂挠墙揪胸毛了没？

 

        兴奋的点起一只白沙烟，怀着鄙夷的神色一脚踢开“AlphaImageLoader”，向“PNG Transparency in IE”、“IE PNG Fix”、“ie7/ie8-js”挥手告别。腾出四肢，飙泪拥抱DD_belatedPNG~！

 

        详细文档见http://dillerdesign.com/experiment/DD_belatedPNG/。这里就不提供翻译了，哪位大大有时间有精力就来个翻译文档吧。08年末这东西刚出来的时候国内就有人发过这个方法，但不知道为什么，没引起什么“效应”，很多人还是在用上面说的“更具局限性”的方法。

 

        使用方法很简单，首先下载调用JS

 

        0.0.8a.js (未压缩版本, ~12Kb)
        0.0.8a-min.js (压缩版, ~7Kb)

 

       之后在使用PNG的页面中引用代码

 

        <!–[if IE 6]>
          <script type=”text/javascript” src=”下载下来的JS路径”></script>
          <script>
            DD_belatedPNG.fix(’CSS选择器, 应用类型’);
          </script>
        <![endif]–>

 

        引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CSS选择器（可使用ID选择器和类选择器）和应用类型（分为img和background两种）。

 

        如DD_belatedPNG.fix(’#box-one, img’) 或者 DD_belatedPNG.fix(’.header, background’) 等。

 

        这些可以简写成 DD_belatedPNG.fix(’#box-one, .header, img,background’);  。

 

        更多选择器的如 DD_belatedPNG.fix(’#box-one, .header,#footer,.box-two a:hover, img,background’);  等等。

 

        另外，为解决IE6下背景图闪烁，可以定义下html的CSS

 

        html {filter:expression(document.execCommand(”BackgroundImageCache”, false, true));}

 

        OK，就介绍这么多，期待大家来分享更多的应用方法！