본문 바로가기
CSS

IE6.x PNG-24 투명값 해결

by 샷타이거 2009. 9. 5.

익스플로어6(IE6)에서 PNG-24 투명값 해결하기

iepngfix

출처http://www.twinhelix.com/css/iepngfix/

일단 위에서 다운받고 아래순서대로 하자

  1. 1.파일 iepngfix.htc 과 blank.gif 를 폴더에 넣는다
  2. 2.주의할 점으로는 위의 폴더를 반드시 기억할것 그위치에 따라 iepngfix.htc파일을 열어 경로를 수정해줘야 한다 ex) var blankImg = '/images/blank.gif';
  3. 3.사용방법은 다음과같다
img, div { behavior: url(iepngfix.htc) }

문제점은 css지정을 보다시피 비표준이며 포지션 지정시 unclickable으로 에러가뜬다는점이다

Unit PNG Fix.

풀처http://labs.unitinteractive.com/unitpngfix.php

  1. 1.출처에서 다운로드
  2. 2.unitpngfix.js 를 적당한 폴더에 넣는다

3.아래태그를 넣어준다

 

간단해서 좋지만 역시문제점...몇몇 부분에서 포지션이 지정안되고 z-index사용이 불가능하다.

DD_belatedPNG

출처DD_belatedPNG

  1. 1.출처에서 다운로드
  2. 2.DD_belatedPNG.js를 적당한 폴더에 넣는다

3. 아래태그를 삽입

 

TR,TD,INPUT 태그에 적용되지않는다는 단점이 있으나 가장적절하다고 본다

사용방법이 조금 까다롭긴하데 그다지어렵지않다 DD_belatedPNG.fix('.png_bg');처럼 괄호안에 적용할 태그,클래스,아이디를 널어주면된다.여러개를 선택할 경우 ('.example1, #example2, img');이와같다.

IE6는 이래 저래 골치아프게 표준을 준수하자니 애먹인다..빨리 사라졌으면..

댓글