테스트 사이트 - 개발 중인 베타 버전입니다

당장써먹어야 할 팁) 앞으로 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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 6개

제목이 실시산으로 변경되네요?...호호호

감사합니다...

그런데 익스 이외에는 어떨런지 궁금합니다.
익스외에는 무지 정상적입니다.
익스만 지원을 안해서 스크립트를 사용해야 합니다.

원래 마소녀석들이 거의 북한스타일로 내맘대로 배째스타일이잖아요.
유용한 팁이네요.
감사합니다~
유용한 내용 감사드립니다.
정보 감사합니다
유용한팁

게시글 목록

번호 제목
10853
10852
10850
28848
10849
28847
10846
28846
10845
28845
10844
28844
28843
10843
28842
10842
28841
10841
28840
28839
10840
10839
24791
24789
10836
28838
24788
24787
24786
28837
28834
10835
10834
정규표현식 수수료계산
28833
28829
10833
10831
10830
10829
28828
10828
10827
10823
10822
10821
10820
28822
10814
10812
10811
10810
10808
10804
10797
28821
10796
10795
10794
10792
10789
10785
10781
10780
28820
10776
10769
10766
10765
10758
28818
10754
10753
10750
28817
10749
10748
10747
10746
10740
10738
10735
10734
28812
10730
10726
10725
28811
10724
10723
10722
10721
10717
10716
10715
10713
10712
10711
10710
10709
10708