IE6下PNG图片透明显示解决方法(From QQ)

其实该问题网上一大堆解决办法，QQ首页也使用了，个人认为这种方法还是比较不错的

function loadPng(o)
{
    if(MiniSite.Browser.ie)
    {
        try
        {
            var img=o;
            var imgName=o.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='image');\"></span>";
                img.outerHTML=strNewHTML;
            }
        }catch(e)
        {
        }
    }
}

 

调用的HTML如：

<div class="fl">
    <a href="http://my2010.qq.com/">
        <img src="http://mat1.gtimg.com/www/iskin09/iexpo.png" width="77" height="14" align="absmiddle"
            onload="loadPng(this)" style="margin-top: 4px; _margin-top: 2px;" />
    </a>
</div>