ie6的png图片不透明问题解决方案

最新推荐文章于 2019-08-12 18:14:14 发布

怖丁儿

最新推荐文章于 2019-08-12 18:14:14 发布

阅读量402

点赞数

分类专栏：问题文章标签： html png ie6

本文链接：https://blog.csdn.net/boresalad/article/details/39965627

版权

问题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、对插入图片的处理（JS）

 function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.修复插入png图片不透明问题 
{ 
    var arVersion = navigator.appVersion.split("MSIE") 
    var version = parseFloat(arVersion[1]) 
    if ((version >= 5.5) && (document.body.filters)) 
    { 
       for(var j=0; j<document.images.length; j++) 
       { 
          var img = document.images[j] 
          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 
             j = j-1 
          } 
       } 
    }    
} 
window.attachEvent("onload", correctPNG);

2、对png格式的背景图片处理（css）

background-image: url(../images/login/regPwd.png)!important;/* FF IE7 */ 
background-repeat: no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login/regPwd.png'); /* IE6 */ 
_ background-image: none; /* IE6 */