解决IE中所有png图片透明问题

2010-08-28 10:50:18来源：西部e网作者：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   
 "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title> new document </title>

h1 {
  font-size:14px;
  }

a {
  text-decoration:underline;
  color:white;
  }

a img {
  border:1px dashed white;
  }

p {
  width:450px;
  }
</style>

function fnLoadPngs() {
 var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
 var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);

for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--) {
  if (itsAllGood && 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='scale')"
   img.src = "http://www.smallrain.net/study/2006_9_20/200692011145312521.gif";
  }
  img.style.visibility = "visible";
 }
}
</script>

</head>

<body>

<p>相同的png图片,不同的背景颜色</p>

</body>
</html>

关键词：html

解决IE中所有png图片透明问题

相关阅读: