[스타일시스] Explorer 6 에서 투명 PNG 이미지 적용

방법 1.

<style>
.png24 {
	tmp:expression(setPng24(this));
}
</style>

<script>
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+"',sizeMethod='image');"
	objsrc='';
	return '';
}
</script>

 // 사용할때...
<img src="sample.png" class="png24">

방법 2.
웹서핑 하던 도중 쉬운방법을 발견 했습니다.
Unit PNG Fix 라는 것인데
첨부파일 unitpngfix.zip을 받으신후 아래와 같은 코드만 입력 해주시면 됩니다.
unitpngfix.js 안에 var clear="images/clear.gif" 경로를 알맞게 설정해 주세요

<!--[if lt IE 7]>
        <script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->

방법 3.
위와 비슷합니다.
The PNG problem in Windows Internet Explorer 라는 제목의 사이트에서 공개한 것입니다.
첨부파일 중에서 pngfix.js pngfix.js 를 다운받은 후 적당한 디렉토리에 업로드 한후 아래 코드를 넣어 주시면 됩니다.

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

defer 은 defer="defer" 식으로도 씁니다. defer 속성의 것을 빼고 모두 실행후 마직막에 실행 한다는 말입니다.


방법 4.
Medicine for your IE6/PNG headache! 라는 제목의 사이트에서 공개하는 팁입니다.
첨부 파일 DD_belatedPNG_0.0.7a.rar 속에 압축되어 있는 스크립트와 비압축 스크립트가 들어 있습니다. 문론 압축되어 있는 것을 쓰는 것이 좋겠죠.
알맞는 디렉토리에 업로드 하시고 아래와 같이 쓰시면 됩니다.

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg');
  
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<![endif]-->

제작자 홈페이지에 방문하시면 여러가지 옵션이 설명 되어 있습니다.


방법 5.
IE PNG Alpha Fix 에서 공개되는 것입니다.
첨부파일 iepngfix_v2.0.Alpha.3.zip 를 보시면 자세한 sample 페이지가 들어 있습니다.
이 페이지를 참조 하시면 됩니다.