당장써먹어야 할 팁) 앞으로 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>
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 6개
감사합니다...
그런데 익스 이외에는 어떨런지 궁금합니다.
익스만 지원을 안해서 스크립트를 사용해야 합니다.
원래 마소녀석들이 거의 북한스타일로 내맘대로 배째스타일이잖아요.
감사합니다~