PNG图片用来制作漂亮的网页背景很实用，此方法也是比较简单的，会让网页增色不少。不过，万恶的IE似乎暗中做对，当你使用PNG图片的时候，IE会自动为PNG图片增加一个灰色背景，这真的好让人烦，那么有没有办法不让IE自作聪明？当然是有的，下边的JS代码就是帮助PNG图片在IE实现纯透明的，效果不错：
functioncorrectPNG()
{
for(vari=0;i
{
varimg=document.images[i]
varimgName=img.src.toUpperCase()
if(imgName.substring(imgName.length-3,imgName.length)=="PNG")
{
varimgID=(img.id)?"id='" img.id "'":""
varimgClass=(img.className)?"class='" img.className "'":""
varimgTitle=(img.title)?"title='" img.title "'":"title='" img.alt "'"
varimgStyle="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
varstrNewHTML="
"style=\"" "width:" img.width "px;height:" img.height "px;" imgStyle ";"
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
"(src=\'" img.src "\',sizingMethod='scale');\">
"img.outerHTML=strNewHTML
i=i-1
}
}
}
window.attachEvent("onload",correctPNG);
把以上代码加入到需要使用PNG作为背景图片的网页的
区域内。也可以在使用PNG图像的地方直接调用，如下方法：
