IE6图片透明

IE6可以支持8位的png透明图片，只是不支持24位的png透明。

(经测试，IE下也不支持png24透明，也需要加滤镜)

但是有点圆角的图片在png8下有锯齿，非常难看，无奈之下，必须使用png24解决。

处理图片主要有两种情况：

1.img图片

js代码统一处理

var pngImg = $('img.iepngfix');
pngImg.each(function(i, img){
    $(img).css('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + img.src + '",sizingMethod="noscale");');
   img.src = 'http://img.china.alibaba.com/images/common/util/1x1.gif';
});

 这里的1x1.gif是一张透明图片

 

2.背景图(background-image)

css中处理

background-image:none
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.china.alibaba.com/cms/upload/2013/715/475/1574517_1451252140.png',sizingMethod='crop')

 必须注意：用png背景图片,不可以进行相关的定位,只能是默认的：background:url() left top；

 

还有一个重要的问题，用了这段样式，很可能里面的超链接等内容不可以点击，解决这个问题，你可以在套一个div，比方这个div的样式名字为：div.con,然后给.con一个样式：

div.con {position:relative}就可以解决所有的问题了。

 

参考文档：

IE6下用css方法解决png图片透明和png背景透明的方法