구글링을 해보니 몇가지 방법이 나왔는데 그나마 잘 적용된 것을 적어봅니다. (현재 개발중인 사이트에 적용중)
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 '';
}
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에도 적용되는게 있긴 했는데 좀 복잡했고 적용하기가 힘들어서
위의 것으로 대체했습니다.
도움이 되시길...
댓글을 달아 주세요