当前位置: 代码迷 >> Web前端 >> ie6上解决png格式图片背景透明化有关问题
  详细解决方案

ie6上解决png格式图片背景透明化有关问题

热度:84   发布时间:2012-11-09 10:18:47.0
ie6下解决png格式图片背景透明化问题
最近在做一个网站项目,由于公司要求兼容ie6,搞得焦头烂额的。ie6下页面的问题实在太多了,png格式的背景透明化问题就是其中一个。
在网上找到了一段js代码能解决这个问题,特转过来,收藏一下。
<script type="text/javascript">  
//解决ie6 png格式图片背景透明问题  
    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> 
  相关解决方案