IE6下显示透明的PNG图片

来源：互联网发布：苹果mac怎么切换中文编辑：程序博客网时间：2024/05/19 02:25

PNG图片的质量很好，用于网页制作可为整体效果增色不少。但是，在IE6中透明的png图片不能透明显示，如要透明显示可使用如下两种方法。我已试过，真的蛮好用的!

　第一种方法：把下面的javascript代码加入网页的<head>与</head>之间，这样网页中所有透明背景的png图片都可以正常显示：

//图片名次转化为全部大写

if (imgName.substring(imgName.length-3, imgName.length) == "PNG")

                         //判断如果是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>

　　第二种方法：把下面的代码加在网页中的png图片显示代码中：
<span style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='图片名称.png',sizingMethod='scale');"></span>