在網頁中插入一個透明背景的PNG圖片

在網頁中插入一個透明背景的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


發佈了26 篇原創文章 · 獲贊 29 · 訪問量 92萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章