让IE6支持PNG图片的透明背景
已经碰到过一次了,写在我的技术乐园里。今天又遇到这个问题了,一开始还不知道是什么原因,我自己电脑上好好的,同事电脑上打开网站后那张网站LOGO图片就出现了淡蓝色的背景,很难看。还好上次碰到过还有印象,马上想到了是IE6不支付PNG透明背景造成的,因为我自己是IE8,轻松将它解决了,这里再详细地写一下。
一、下载一个JS文件。这里我已经整理好了,点击下载。
二、在需要显示的图片的网页里引用该JS文件。以我的团购网为例,我放在</head>后面:
<!--[if IE 6]>
<SCRIPT src="http://60.190.145.44/hqw/iepng.js"></SCRIPT>
<SCRIPT>
DD_belatedPNG.fix('.buy,img');DD_belatedPNG.fix('.mid,img');DD_belatedPNG.fix('.bom,img');DD_belatedPNG.fix('.btn_buy,img');DD_belatedPNG.fix('.box,img');DD_belatedPNG.fix('.tipping_point,img');DD_belatedPNG.fix('.progress_bar,img');DD_belatedPNG.fix('.btnrss,img');DD_belatedPNG.fix('.bg_tiebox,img');DD_belatedPNG.fix('.top,img');DD_belatedPNG.fix('.mid,img');DD_belatedPNG.fix('.bom,img');DD_belatedPNG.fix('.btn_buylove,img');DD_belatedPNG.fix('.backg,img');DD_belatedPNG.fix('.jxz,img');DD_belatedPNG.fix('.no,img');DD_belatedPNG.fix('.share,img');
</SCRIPT>
<![endif]-->
其实上面一个Script就够了,那下面的那些是什么呢?解释一下:
引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CSS选择器(可使用ID选择器和类选择器)和应用类型(分为img和background两种)。
如DD_belatedPNG.fix(‘#box-one, img’) 或者 DD_belatedPNG.fix(‘.header, background’) 等。
这些可以简写成 DD_belatedPNG.fix(‘#box-one, .header, img,background’); 。
更多选择器的如 DD_belatedPNG.fix(‘#box-one, .header,#footer,.box-two a:hover, img,background’); 等等。
js在左下角有报错了,怎么改呢,我不太懂,有办法的联系我帮我解决下,感激不尽。。。 qq:1038902241
Unknown Unknown2011-8-26 12:09:19