在网页中插入一个透明背景的PNG图片

最新推荐文章于 2022-01-12 12:52:56 发布

cui_angel

最新推荐文章于 2022-01-12 12:52:56 发布

阅读量1.4w

点赞数

分类专栏： Web CSS JavaScript 文章标签： float filter function flash class ie

Web 同时被 3 个专栏收录

109 篇文章 1 订阅

订阅专栏

JavaScript

101 篇文章 1 订阅

订阅专栏

CSS

31 篇文章 0 订阅

订阅专栏

在网页中插入一个透明背景的PNG图片，可是在显示的时候，它的背景就成灰色了。这是IE的bug。需要加入以下代码：

<script  language="jscript">  
  function    correctPNG()      
        {    
        for(var    i=0;    i<document.images.length;    i++)    
              {    
              var    img    =    document.images    
              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>
透明Flash动画设置参数为：参数为wmode         值为transparent