it-gundan.com

IE6에서 투명 PNG를 어떻게 사용합니까?

IE6에서 투명 PNG를 어떻게 사용합니까? must IE6 사용 및 must PNG 사용을 사용하는 회사 앱이 있지만 투명도는 모두 옅은 흰색으로 나타납니다.

6
Mark Henderson

JQuery 여기에 플러그인 가 있거나 다음 스크립트도 잘 작동합니다 (<body onload="">;

function fixPNG(){

    var arVersion = navigator.appVersion.split("MSIE")
        var version = parseFloat(arVersion[1])

        if ((version >= 5.5) && (version < 7) && (document.body.filters)) 


        {
           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
              }
           }
        }

}
7
Mark Henderson

IE6는 투명하지만 반투명하지 않은 PNG를 지원합니다. PNG는 PNG8 형식으로 저장해야합니다. 블렌딩 효과가 아닌 투명한 배경 만 있으면 코드가 필요하지 않습니다. PNG8로 저장하십시오.

6
Gareth Farrington

이 문제에 대해 24 가지 방법으로 잘 작성된 기사가 있습니다.

http://24ways.org/2007/supersleight-transparent-png-in-ie6

1
Sean Moubry

GIF와 같은 투명도 (IE6에서만)가 괜찮다면 PNG8 + 알파 (팔레트지만 반투명도)를 사용하십시오.

다른 모든 브라우저에서 전체 알파를 제공합니다. 느리고 까다로운 DX 필터가 필요하지 않습니다 (여기서 all IE6 PNG24 수정 프로그램은 기반).

Fireworks 및 pngnq/pngquant은이 형식을 저장할 수 있습니다 (필자는 Mac GUI ).

Adobe Photoshop은이를 지원하지 않는 유일한 소프트웨어이지만 PNG24를 내 보낸 다음 변환 할 수 있습니다.

1
Kornel