당장써먹어야 할 팁) 앞으로 gif는 물러가고 png시대가 될거 같네요

gif를 투명으로 하면 테두리가 깔끔하지 못한 단점이 있지요

그러나 이미지 투명처리의 최강자 png이미지
그러나 웹에서 보면 투명이 회색으로 나오는경우를 많이 보게 되지요
그걸 극복한 팁입니다


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

적용:<img src=/img/test.png class="png24">


응용영역 : 배경위에 테두리가 깔끔한 투명이미지구현, 클래스로 이미지효과를 주는 필터활용

png 8비트로 저장하면 회색이 안나오지만 gif와 품질이 같습니다
그러나 png24비트로 저장하고 위 팁을 적용하면 안성맞춤이죠

참고: http://support.microsoft.com/kb/294714/ko<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>