做的透明png图片,但是放到网页上是浅蓝色的背景,请问如何清除这个背景。

解决方案 »

  1.   

    直接<img src="x.png" />还是<a href=""><img src="x.png" /></a>显示的?
      

  2.   

    把背景设成白色的,一般来说应该没有问题的,只是png的图片比较大
      

  3.   

    把这段代码加上就好了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) {
            var ua =navigator.userAgent.toLowerCase(),
                ie=0;
            if (window.ActiveXObject) 
              ie=parseInt(ua.match(/msie ([\d.]+)/)[1]);          
            if(ie==6){
               window.attachEvent("onload", correctPNG);
               window.attachEvent("onload", alphaBackgrounds);
            }   
            
        }