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개
감사합니다...
그런데 익스 이외에는 어떨런지 궁금합니다.
익스만 지원을 안해서 스크립트를 사용해야 합니다.
원래 마소녀석들이 거의 북한스타일로 내맘대로 배째스타일이잖아요.
감사합니다~