PNG24在ie6下的完美解决方法!(DD_belatedPNG)

时间:2024-01-04 18:08:20

原网址http://www.zjgsq.com/1629.html

之前写过一篇《js+css滤镜设置解决PNG24在IE6下显示问题》
解决方法不是很完美,使用起来也比较麻烦。
DD_belatedPNG支持 backgrond-position 与 background-repeat,这是其他 js 插件不具备的.同时 DD_belatedPNG 还支持 a:hover 伪类属性,以及 img 标签。

DD_belatedPNG官网http://www.dillerdesign.com/experiment/DD_belatedPNG/

下载地址
DD_belatedPNG_0.0.8a.js:点击下载
压缩版DD_belatedPNG_0.0.8a-min.js:点击下载

使用方法:
在页面底部,body标签结束前插入以下代码

<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
//<![CDATA[
DD_belatedPNG.fix('.header img,.menu li,.list a');
//]]>
</script>
<![endif]-->

注意在这里也你要处理的标签:

DD_belatedPNG.fix('.header img,.menu li,.list a');

如处理所有:

DD_belatedPNG.fix('*');

如处全部图片:

DD_belatedPNG.fix('img');

如处标签header下的图片:

DD_belatedPNG.fix('.header img');

如处理多个标签可以连写使用:

DD_belatedPNG.fix('.header img.menu li');

转载请注明:Web前端开发-Web前端工程师 » PNG24在ie6下的完美解决方法!(DD_belatedPNG)