解决IE6中img标签图片透明

最新推荐文章于 2019-06-06 09:26:34 发布

weixin_30306905

最新推荐文章于 2019-06-06 09:26:34 发布

阅读量88

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liaojie970/p/5028330.html

本文提供了一种解决IE6浏览器中PNG图片显示不透明问题的JavaScript脚本方案。通过检测浏览器版本并应用AlphaImageLoader滤镜，实现PNG图片在IE6中的正确显示。

<!--[if IE 6]>
    <script type="text/javascript">
    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;
            }
        }
    }
    var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
    reIE.test(navigator.userAgent);
    var fIEVersion = parseFloat(RegExp["$1"]);
    if (fIEVersion < 7) {
        window.attachEvent("onload", correctPNG);
    }
    </script>
<![endif]-->

转载于:https://www.cnblogs.com/liaojie970/p/5028330.html