今天,一位同事问我问题,png 图片在IE6下透明背景失效。

解决办法,在网上查了很多,最后还是采用两种方案来解决这个问题

1、把这个网页的png格式图片变更为gif格式的图片。问题解决

2、就是让这个网页引用一段JS代码,如下:

 if (!window.XMLHttpRequest) {
window.attachEvent("onload", enableAlphaImages);
} function enableAlphaImages(){
for (var i=0; i<document.all.length; i++){
var obj = document.all[i];
var bg = obj.currentStyle.backgroundImage;
var img = document.images[i];
if (bg && bg.match(/\.png/i) != null) {
var img = bg.substring(5,bg.length-2);
var offset = obj.style["background-position"];
obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
obj.style.background = "none";
} else if (img && img.src.match(/\.png$/i) != null) {
var src = img.src;
img.style.width = img.width + "px";
img.style.height = img.height + "px";
img.style.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='crop')"
img.src = "http://s1.95171.cn/b/img/pixel.gif";
}
}
}

问题解决。

什么不会的时候,我们自己百度一下。