작성일 댓글 남기기

IE6에서 PNG 배경이 검정색으로 나오는것 해결방법

User image

구글링을 해보니 몇가지 방법이 나왔는데 그나마 잘 적용된 것을 적어봅니다. (현재 개발중인 사이트에 적용중)

1. CSS 파일에 다음 라인을 추가합니다.


.png24 { tmp:expression(setPng24(this)); }

2. 그리고 항상 include 하는 js 파일에 다음 라인을 추가합니다.


function setPng24(obj) {
 obj.width=obj.height=1;
 obj.className=obj.className.replace(/\bpng24\b/i,”);
 obj.style.filter =”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+ obj.src +”‘,sizingMethod=’image’);”
 obj.src=”;
 return ”;
}

3. 이미지 태그에 다음과 같이 삽입합니다.


<img src=”이미지경로/img.png” class=”png24″>


그러면 IE6에서 배경이 검게 나오던 png 파일이 제대로 표시됩니다.

단, background 에는 적용이 안됩니다. gif로 바꿔야 합니다.

구글링하다보니 background에도 적용되는게 있긴 했는데 좀 복잡했고 적용하기가 힘들어서

위의 것으로 대체했습니다.

도움이 되시길…