DD_belatedPNG，IE6下实现PNG-24的效果

IE6环境下，它 -- 支持PNG-24背景循环 | 支持定位 | 支持focus | 支持hover | 支持做背景加链接正常 | 支持正常应用zoom ...

点击这里查看演示DEMO , 点击这里下载DEMO 。

 

详细文档见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');  等等。

文章来源于 前端开发 | HTML , CSS & JavaScript--mon的博客:http://monw3c.blogbus.com/logs/56239389.html

转载于:https://www.cnblogs.com/scgw/archive/2012/04/17/2454243.html