IE6 PNG 투명처리 하기

일을 하다가 IE7, IE8 에서는 PNG 이미지가 분명히 투명으로 보여서 열심히 작업을 했는데

IE6에서 보니까 PNG 이미지 투명 부분이 회색으로 보이는 문제를 볼수 있었다.

꽈광~~~ OTL 열심히 작업을 다 했것만... 이미지를 다시 해달라고 해야 하나? 검색해보자!!

 

역시나 방법은 있었다.

 

스크립트를 통한 방법 이였다. 소스는 다음과 같다.

 

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

 

<div style="z-index:1000;position:absolute;top:15px;width:25">
  <img src="/img/img.png" class="png24" />
 </div>

 

원리는 아직 이해를 못했다 -_-;;