[ie Bug] png - png24에 엑스박스가 나올때

쉬운 방법으로 많은 사용되어지고 있는 png용 스크립트가 바로 png24이다.

<style type="text/css"> 
.png24 {tmp:expression(setPng24(this));} 
</style> 

<script type="text/javascript"> 
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 ''; 

</script>

<img src="이미지.png" class="png24" alt="" />

사용법은 간단하나 가끔 (아직 정확한 이유는 모르겠음)
png이미지가 영역은 있으나 보이지 않을 경우가 있다. (혹은 주로 X박스가 뜬다.)

OTL...

해결책으로는
1. 로컬에서는 확인지 되지 않으나 서버에 올려놓고 보면 나오는 경우가 있다.
2. png의 경로를 절대경로를 사용하면 나오는 경우가 있다.
3. 1x1 gif투명 이미지를 만들어서 올려놓고 obj.src=''; 이 부분에 경로를 넣어주면 된다.

문제가 생겼을때 1번과 3번을 동시에 진행해서 해결을 보면 된다.

댓글

이 블로그의 인기 게시물

[iOS] body 스크롤 막기

[html] 모바일웹 작업 팁 정리중...

Swiper lazyLoading