IE 6 에서 PNG 렌더링 하기 >_<
- Posted at 2007/04/24 22:11
- Filed under 어리버리/이럴수가!
1. img 로 불러올 때
css에서
.png24 {
tmp:expression(setPng24(this));
}
이렇게 선언하고
js에서
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 '';
}
이렇게 선언해 준 후에 사용하는 이미지에 class="png24"를 삽입.
BUT - 페이지를 한 번더 호출하는 경우가 발생 -_-;
2. background-image로 불러올 때
background: url(../images/asdf.png) no-repeat center top;
//CSS문서 위치를 중심으로 이미지 경로를 따질것
background-image : none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/asdf.png',sizingMethod='scale');
//실제 읽어들이는 페이지를 중심으로 이미지 경로를 따질것
출처 : http://forum.standardmag.org
Posted by mkyoon
- Tag
- ie, IE6, PNG 랜더링
- Response
- No Trackback , 2 Comments
