css ie6 png透明背景之js解决方案-优快云博客

本文提供了一种针对Internet Explorer 6浏览器中PNG图片透明背景显示问题的解决方案。通过使用JavaScript来实现透明效果，并修复了IE6无法正确显示PNG图片背景的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE6不支持png透明背景

解决方式：

给window.onload添加以下两个函数：

function correctPNG(){
	for(var i=0;i<document.images.length;i++){
		var img=document.images[i];
		var imgName=img.src.toUpperCase();
		if(imgName.substring(imgName.length-3,imgName.length)=="PNG"){
			var imgID=(img.id)?"id='"+img.id+"' ":"";
			var imgClass=(img.className)?"class='"+img.className+"' ":"";
			var imgTitle=(img.title)?"title='"+img.title+"' ":"title='"+img.alt+"' ";
			var imgStyle="display:inline-block;"+img.style.cssText;
			if(img.align=="left")imgStyle="float:left;"+imgStyle;
			if(img.align=="right")imgStyle="float:right;"+imgStyle;
			if(img.parentElement.href)imgStyle="cursor:hand;"+imgStyle;
			var strNewHTML="<span "+imgID+imgClass+imgTitle+" style=\""+"width:"+img.width+"px; height:"+img.height+"px;"+imgStyle+";"+"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'"+img.src+"\',sizingMethod='scale');\"></span>";
			img.outerHTML=strNewHTML;
			i=i-1;
		}
	}
}
function alphaBackgrounds(){
	if(document.all){
		for(var i=0;i<document.all.length;i++){
			var bg=document.all[i].currentStyle.backgroundImage;
			if(bg){
				if(bg.match(/.png/i)!=null){
					var mypng=bg.substring(5,bg.length-2);  //bg格式为url("XXX")
					document.all[i].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"',sizingMethod='crop')";
					document.all[i].style.backgroundImage="url('')";
				}
			}
		}
	}
}