IE6 이하 PNG 문제 수정

IETester 옵션문제로 JS가 안먹는 바람에 한참을 돌다가. 지금은 옵션 수정으로 PNG fix 스크립트의 테스트가 가능하게 되었다.

http://www.twinhelix.com/css/iepngfix/ 트윈헬릭스라는 곳이 유명하긴한데 사용해보면 깜박거림이 나타난다. htc 스크립트의 문제인지는 잘모르겠지만 이전에 select 폼 커스터마이징 htc 스크립트 사용했을때도 깜박거림때문에 다른걸로 대치했던 기억이 난다.

http://www.dillerdesign.com/experiment/DD_belatedPNG/ DD_belatedPNG 스크립트 쓰기는 하지만 깜박거림없이 PNG이미지가 표현된다. 그리고 IE6 / 5.5 모두 지원확인! 단점이 있다면 페이지 로딩시 기능을 필요로 하는 엘리먼트들을 지정해줘야 한다는 점이고 body에 백그라운드는 안되는거 같다.

unitpngfix 같은것도 있는데 깜박거림은 없지만 백그라운드 png가 먹지 않는다. 버전도 IE6에 한정된 경우도 있는거 같고...

<!--[if IE 6]>

<script src="DD_belatedPNG.js"></script>
<script>
    /* .png_bg는 예이고 적용을 원하는 css 셀렉터를 입력하면된다.*/
    DD_belatedPNG.fix('.png_bg');

    /* 여러개 원할때는 다음과 같이 - */
    DD_belatedPNG.fix('.png_bg1, .png_bg2, img');
</script>

<![endif]-->

 DD_belatedPNG_0.0.8a-min.js