당장써먹어야 할 팁) 앞으로 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>
그러나 이미지 투명처리의 최강자 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>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 6개
감사합니다...
그런데 익스 이외에는 어떨런지 궁금합니다.
익스만 지원을 안해서 스크립트를 사용해야 합니다.
원래 마소녀석들이 거의 북한스타일로 내맘대로 배째스타일이잖아요.
감사합니다~