chencidi

首先是在DD_belatedPNG网站上下载js文件,可以选择压缩后的文件,然后按照下面的方式在页面中引用(这一点和unitpngfix调用方式一样):

  1. <!--[if lt IE 7]>
  2. <script type="text/javascript" src="scripts/DD_belatedPNG.js"></script>
  3. <script type="text/javascript">
  4. // 设定需要渲染的DOM对象
  5. DD_belatedPNG.fix(\'.png_bg\');
  6. </script>
  7. <![endif]-->
  8. <img src=\'1.png\' class="png_bg"/>

接下来就是体现DD_belatedPNG灵活性的一面了,与UnitPNG不同,DD_belatedPNG需要你使用一个js脚本来指定所要渲染的页面对象,其选择方式与CSS中选择器的方式相同。像上面的例子就是选择页面中所有class为png_bg的DOM对象。

另外,为了做一个统一的设置,我的做法是直接在DD_belatedPNG.js文件后面加上DD_belatedPNG.fix(‘.png_bg’);,这样只要在页面中设定DOM对象的class为png_bg就可以了,这一点可以做到与UnitPNG相同,只不过UnitPNG的名称是固定的,而DD_belatedPNG可以随心所欲了。

参考资料:
DD_belatedPNG,最佳IE6环境下实现PNG-24的应用方案

分类:

技术点:

相关文章: