 소스 알아보기
<HTML>
<HEAD>
<TITLE> IE에서 PNG파일의 알파값 적용하기 </TITLE>
</HEAD>
<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 +"',sizingMethod='image');"
obj.src='';
return '';
}
</script>
<BODY background="C:\Documents and Settings\happy\바탕 화면\bg\bg_s01.gif">
<br><Br><centeR><img class="png24" src="test.png" border="0"></center>
</BODY>
</HTML>
위의 소스에서 붉은색으로 된부분은 스타일시트이며, 파란색으로 된부분은 자바 스크립트 입니다.
위의 스타일시트와 자바스크립트가 꼭 있어야지 작동이 됩니다.
그리고 PNG파일의 img 태그에 class="png24" 부분을 입력해줍니다. 스타일 시트에 적용된 설정을 불러오는 것입니다.
이 스크립트를 사용하면 PNG파일이 가지고있는 투명도를 사용할수있게 되어서 사이트를 디자인할때 매우 유용합니다.
|
