[Javascript/IE6/BG]PNG 투명처리스크립트。

IE6에서 PNG파일 적용하기.

//================== CSS 코드 ===================//

/* for png */

.png24 {tmp:expression(setPng24(this));}

//class = png24

background: url(../images/asdf.png) no-repeat center top;

//CSS문서 위치를 중심으로 이미지 경로를 따질것

background-image : none;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/asdf.png',sizingMethod='scale');

//실제 읽어들이는 페이지를 중심으로 이미지 경로를 따질것

//================== 자바스크립트 코드 ===================//

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

}

※ 설명

1. 자바스크립트 소스를 넣어두고 .png24라는 클래스를 정의한 후 해당 이미지에 png24 클래스를 부여.

2. 백그라운드에 png를 넣을경우 css에서 filter값을 부여.