您的位置:首页 > Web前端 > JavaScript

DD_belatedPNG.js解决透明PNG图片背景灰色问题(DD_belatedPNG.js下载)

2013-08-10 00:00 639 查看
首先,如果你想实现背景透明的图片,可以是png也可以是gif,但是使用gif会出现明显的锯齿效果,使用png问题又来了,IE6下透明PNG图片背景回变灰色(#DBEAED),这只能怪IE引擎渲染的不好,解决办法是很多的,CSS Filter试了几次效果不好,罢了,还是用DD_belatedPNG.js方便,很多大网站也是如此解决的,个人觉得也是最好的方案。
<!--[if IE 6]>
<script type="text/javascript" src="http://www.phpddt.com/usr/themes/dddefault/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->


使用及其简单,上面代码表示IE6下加载DD_belatedPNG.js文件,将class=".png_bg"的img图片修复背景不透明效果。
需要注意的是:
1.你可以修复多个选择器的img图片:DD_belatedPNG.fix('.example1, .example2, img');
2.如果是用透明PNG作为a:hover时的背景图片,那么以”a:hover”来作为选择器:DD_belatedPNG.fix('.png a:hover');
你可以点击DD_belatedPNG.zip下载。更多详细教程请看官网(http://www.dillerdesign.com/experiment/DD_belatedPNG/)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: