让 IE6 支持 PNG 格式图片的半透明效果

做过网页美工的朋友都知道，IE6 及更早版本不支持 PNG 的半透明效果，因此在设计的时候不能更灵活地运用一些元素和技巧，本人是搞开发的，偶尔也会涉及美工的东西，就像这个我的个人主页，我已经放弃对IE6 的兼容性支持了，IE6 总会有退出历史舞台的一天，不过看网站统计，客户端浏览器还是有近五成是IE6，不过一年前是八九成的。最近在网上发现一段 JS 代码，据说能让IE6 轻松支持 PNG 的半透明，先来看看：

<script language="javascript" type="text/javascript">
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
 }
 }
}
window.attachEvent("onload", correctPNG);
</script>

看了下代码，发现它只能对 <img> 标签里的 PNG 进行处理，而对 css 里的 PNG 背景无能为力，另外，对 <img> 的 src是引用 .aspx 等格式时也无效。

处理 css 中的 PNG 透明是这样的：

html>body .menublockmiddle{
background: url(../images/menu_block/menu_block_r1_c3.png) no-repeat;
}
* html .menublockmiddle{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/menu_block/menu_block_r1_c3.png");
}

每个背景图都必须像这样写成两个，分别让IE和非IE识别，从而导引 css 异常烦琐，所以，虽然我们能完美解决 PNG 在 IE6 下的兼容性，但是这是美工的活，我已经放弃这么做了。