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

2014-07-15阅读(11019)评论(0)牵着狗狗看MM

苏州实时公交查询

之前写过一篇《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');

赞(0)
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » PNG24在ie6下的完美解决方法!(DD_belatedPNG)
分享到: 更多 (0)