已经碰到过一次了,写在我的技术乐园里。今天又遇到这个问题了,一开始还不知道是什么原因,我自己电脑上好好的,同事电脑上打开网站后那张网站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’);  等等。