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

2014-07-15阅读(9962)评论(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标签结束前插入以下代码

[js]<!–[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]–>
[/js]

注意在这里也你要处理的标签:
[js]DD_belatedPNG.fix(‘.header img,.menu li,.list a’);
[/js]

如处理所有:

[js]DD_belatedPNG.fix(‘*’);
[/js]

如处全部图片:

[js]DD_belatedPNG.fix(‘img’);
[/js]

如处标签header下的图片:

[js]DD_belatedPNG.fix(‘.header img’);
[/js]

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

[js]DD_belatedPNG.fix(‘.header img.menu li’);
[/js]

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏