一次性解决png在i6下的透明问题（包括做为img和背景的两种情况）

我不是女神ヾ 2021-11-29 11:48 148阅读 0赞

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
            }
          }
       }
    function alphaBackgrounds(){
        
    var rslt = navigator.appVersion.match(/MSIE (d+.d+)/, '');
    var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
    for (i=0; i<document.all.length; i++){
        
    var bg = document.all[i].currentStyle.backgroundImage;
    if (bg){
        
    if (bg.match(/.png/i) != null){
        
    var mypng = bg.substring(5,bg.length-2);
                document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='crop')";
                document.all[i].style.backgroundImage = "url('')";
             }                                              
          }
       }
    }
    if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
        
    window.attachEvent("onload", correctPNG);
    window.attachEvent("onload", alphaBackgrounds);
    }

将这段代码放入页面中，可以将png的图片在i6下透明度问题一次性解决，不论在页面内以img标签的形式，还是在css里以background的形式。不用在css里去一个个设滤镜了。  
  
这段代码极大的方便了页面的制作，但仍然有个问题：因为js会自动将css的background-img清零，所以background-repeaqt和background-position还是不能使用的，大家切页面的时候还是要小心。

转载于:https://www.cnblogs.com/mrhu/archive/2011/11/07/2239330.html

发表评论取消回复

表情：

评论列表（有 0 条评论，148人围观）

还没有评论，来说两句吧...

相关阅读

相关解决 Android Bitmap 合成图片时 PNG透明背景为黑色的问题

// 取得Resource 图片的Bitmap Bitmap vBitmap = BitmapFactory.decodeResource( this.

蔚落/ 2022年12月15日 03:48/ 0 赞/ 591 阅读

相关 html 背景颜色设置为透明,css如何设置背景颜色透明？css设置背景颜色透明度的两种方法介绍...

在网页布局中有时为了网页的整体美观，可能需要将网页中的某些部分设置为背景颜色透明，那么如何设置背景颜色透明呢？本篇文章就来给大家介绍一下css设置背景颜色透明的方法。在cs

旧城等待，/ 2022年10月07日 04:46/ 0 赞/ 378 阅读

相关解决IE6中CSS使用透明背景图片的问题

IE6及以下版本并不支持透明的png格式，所有png透明的部分都会变成灰色。为了解决这个问题，可以使用下面的CSS样式设置： background: url('i

怼烎@/ 2022年08月27日 15:51/ 0 赞/ 176 阅读

相关 IE6下png图片透明问题

以前用到png图片的时候，总是担心，IE6下会出现的灰色背景，所以一直用gif格式的图片来替换png格式的图片，代码如下： .pngImg \{ background:u

淩亂°似流年/ 2022年08月13日 13:42/ 0 赞/ 249 阅读

相关 ie6 下png背景透明

1. IE css 滤镜 IE css滤镜中有一个使png背景透明的滤镜，JavaScript方法也是应用的这个滤镜实现png背景透明的。写法：filter:progid

深碍√TFBOYSˉ_/ 2022年07月15日 23:10/ 0 赞/ 213 阅读

相关 IE6下PNG32图片的透明

1、滤镜 filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabl

浅浅的花香味﹌/ 2022年01月06日 17:17/ 0 赞/ 253 阅读

相关 IE6中 PNG 背景透明的最佳解决方案

为什么要使用 PNG 图片？简单来说，使用 PNG 格式比起 GIF 来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多。目前，最新的浏览器基本

港控/mmm°/ 2021年12月10日 09:05/ 0 赞/ 302 阅读

相关一次性解决png在i6下的透明问题（包括做为img和背景的两种情况）

function correctPNG() { for(var i=0; i<document.images.length; i

我不是女神ヾ/ 2021年11月29日 11:48/ 0 赞/ 149 阅读

相关修复IE6 PNG不透明问题的最佳解决方案

IE6是不支持透明的PNG的，虽然每个web开发人员都恨死了IE6，但是在我们伟大的祖国，IE6的用户还占着极大的数量优势，所以我们不能随意的抛弃他们。有个很稳妥的解决方案

忘是亡心i/ 2021年10月18日 15:44/ 0 赞/ 306 阅读

相关记录Git两种情况下的冲突解决

主要把git冲突归纳在两个情境下 push的时候产生冲突 push的本质还是先把远程代码拉取下来跟本地代码进行合并，如无冲突直接上传，如有冲突就解决冲突之后重新上传，

偏执的太偏执、/ 2021年09月28日 15:14/ 0 赞/ 263 阅读