다크모드
로그인
회원가입
호스팅
호스팅 신청
정기결제
웹서버세팅
사용가이드
기술지원
기술지원
간편의뢰
견적상담
가격 안내
제품판매
라이믹스
워드프레스
그누보드
아임웹
카페24
피그마
문서
홈페이지 제작팁
CMS
WEB
툴팁
지식인
CMS 포럼
질문•답변
프리랜서 커뮤니티
사이드 프로젝트
소통방
프리랜서 찾기
지역별 프리랜서
구인&구직
홍보
공모전 소개
소모임
CMS
WEB
툴팁
지식인
CMS 포럼
질문•답변
홈페이지 제작팁
CMS
라이믹스(XE)
워드프레스
그누보드
카페24
고도몰
제로보드4
CGI
WEB
홈페이지제작안내
웹팁
디자인팁
기획팁
퍼블팁
개발팁
서버관리팁
툴팁
소프트웨어팁
피그마
PHP스톰
Intellij
웹스톰
VSCode
SublimeText
Editplus
jwFreeNote
IE Toy
지식인
CMS 포럼
질문•답변
HTML5/CSS3
글쓰기
-
가
+
[Script]
PNG 알파 필터 사용하기
1
이온디
2007.04.21 21:23
1만
37
https://eond.com/20575
주소복사
■ PNG 알파 필터 사용하기 (by 무화)
http://miniwini.com/miniwinis/bbs/index.php?bid=share&mode=read&id=3042
■
PNG (Portable Network Graphics)를 사용해보자!! - 소스 수정
http://cmlog.net/cmlog/index.php?pl=241
■
태그로 png 투명 이미지 처리 하기()
http://blueb.net/blog/755
■
png 투명이미지 만들기
http://blog.naver.com/nhck0/140018021614
■ 미니위니 질문글
http://miniwini.com/miniwinis/bbs/index.php?bid=qna&mode=read&id=46925
37
0
37
0
라이믹스는 이온디와 함께
댓글
1
댓글작성칸으로
이온디
2007.04.21 21:56
베스트
링크복사
<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>
<div style="width:500;height:500;background:blue;"><img src=http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png style="filter: alpha(opacity=50);">
<img class="png24" src="http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png">
</div>
<img src="http://static.naver.com/event/kin/070326/lee_240x64.gif" style="opacity: .5;"></div>
style = "FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/global/drop-a.png');"
<div style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png');"><img src="http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png"></div>
<img class="png24" src="http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png">
<TABLE><TR>
<td width="27px" height="30px" style = "FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png');" >
11</TD></TR></TABLE>
<img class="png24" src="http://cafe.joins.com/cafefile/j/a/ja14k/yewon.png">
HTML5/CSS3
-
가
+
전체
웹표준
웹접근성
부트스트랩
반응형 웹
UI
HTML5
jQuery
Script
CSS
Meta
Table
Form
미분류
PHP
Flash
CGI
DIV
웹폰트
크로스브라우징
위지윅에디터
svg
프레임워크
map
swiperjs
번호
제목
등록일
공지
코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP)
웹표준
웹표준
웹표준
웹표준
01/03
공지
jQuery를 배울수 있는 동네들입니다.
jQuery
jQuery
jQuery
jQuery
08/09
공지
관련 링크
1
미분류
미분류
미분류
미분류
05/23
75
[CSS]
CSS Grid를 배워보는 링크
CSS
CSS
CSS
CSS
01/31
74
[Script]
체크박스를 이미지로 바꾸기
Script
Script
Script
Script
10/26
73
[HTML5]
dl과 ul의 상하관계(?)에 대해서 질문드립니다.
1
HTML5
HTML5
HTML5
HTML5
01/20
72
[Script]
세로 슬라이드 메뉴
Script
Script
Script
Script
12/13
71
[Form]
셀렉트박스 select 화살표 이미지로 바꾸는 스크립트
Form
Form
Form
Form
01/14
70
[svg]
점점점 more 아이콘 svg 파일
svg
svg
svg
svg
11/26
69
[부트스트랩]
부트스트랩 COLLAPSE 아코디언 효과
부트스트랩
부트스트랩
부트스트랩
부트스트랩
06/15
68
[부트스트랩]
부트스트랩 유료테마
부트스트랩
부트스트랩
부트스트랩
부트스트랩
06/22
67
[반응형 웹]
모바일 사이드바 만들기
반응형 웹
반응형 웹
반응형 웹
반응형 웹
04/10
66
[Meta]
meta viewport 모바일에서 PC 사이즈 그대로 보기
Meta
Meta
Meta
Meta
01/09
65
[Script]
스위칭 탭
Script
Script
Script
Script
08/19
64
[부트스트랩]
부트스트랩 5열 그리드
부트스트랩
부트스트랩
부트스트랩
부트스트랩
12/20
»
[Script]
PNG 알파 필터 사용하기
1
Script
Script
Script
Script
04/21
62
[Script]
Iframe 크기 내용에 따라 자동조절하기 (by konahn)
1
Script
Script
Script
Script
04/17
61
[DIV]
div에서 table의 table-layout:fixed;dhk 같은 효과를 사용하기
DIV
DIV
DIV
DIV
03/27
60
[Script]
DIV 레이어 토글
1
Script
Script
Script
Script
04/21
59
[Script]
iframe 자동 리사이즈
6
Script
Script
Script
Script
04/16
58
[DIV]
div tag를 iframe 처럼 사용하기
DIV
DIV
DIV
DIV
03/27
57
[HTML5]
object - iframe처럼 페이지 삽입 소스
HTML5
HTML5
HTML5
HTML5
04/16
56
[Script]
한 번의 클릭으로 두 개의 아이프레임 제어하기
Script
Script
Script
Script
04/16
로그인 해주세요.
자유게시판
글쓰기
저장함
쪽지
전체글보기
인기글
인기멤버
태그
즐겨찾는 게시판
메뉴명
메뉴명
메뉴명
전체 게시판
호스팅
호스팅 신청
정기결제
웹서버세팅
사용가이드
기술지원
기술지원
간편의뢰
견적상담
가격 안내
제품판매
라이믹스
워드프레스
그누보드
아임웹
카페24
피그마
문서
홈페이지 제작팁
CMS
WEB
툴팁
지식인
CMS 포럼
질문•답변
프리랜서 커뮤니티
사이드 프로젝트
소통방
프리랜서 찾기
지역별 프리랜서
구인&구직
홍보
공모전 소개
소모임
마이페이지
로그인을 해주세요
로그인하기
네이버로 로그인
브라우저를 닫더라도 로그인이 계속 유지될 수 있습니다. 로그인 유지 기능을 사용할 경우 다음 접속부터는 로그인할 필요가 없습니다. 단, PC방, 학교, 도서관 등 공공장소에서 이용 시 개인정보가 유출될 수 있으니 꼭 로그아웃을 해주세요.
댓글 1
댓글작성칸으로.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>
<div style="width:500;height:500;background:blue;"><img src=http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png style="filter: alpha(opacity=50);">
<img class="png24" src="http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png">
</div>
<img src="http://static.naver.com/event/kin/070326/lee_240x64.gif" style="opacity: .5;"></div>
style = "FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/global/drop-a.png');"
<div style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png');"><img src="http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png"></div>
<img class="png24" src="http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png">
<TABLE><TR>
<td width="27px" height="30px" style = "FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://cafe.joins.com/cafefile/j/a/ja14k/tape_source.png');" >
11</TD></TR></TABLE>
<img class="png24" src="http://cafe.joins.com/cafefile/j/a/ja14k/yewon.png">