png파일 background로 쓰는 방법 아시는 분 계신가요?
안녕하세요.
어제 글 올렸었는데요..
검색해보니 png 파일을 css로 쓰는 방법도 있고 소스도 여러가지가 있더라구요..
문제가 제가 css가 머릿속에 아직 저장이 안돼 있어서요..ㅎㅎ
혹시 png파일을 테이블 배경같은걸루 막 쓸 수 있는 방법은 없나요?
<td background=a.png> 요렇게요..
반투명 배경을 많이 써놔서 좀 머리가 아프네요..
이전까지는 png파일을 생각도 안해봤는데..
갑자기 머리속에 번쩍 떠올라서 써봤더니 문제가 없어서..
너무 남발해 버린것 같아요..ㅎㅎ
아시는 분 있으시면 꼭 좀 부탁드려 볼께요~
날씨가 꾸물꾸물한데.. 기분까지 꾸물거리지 않게 힘내세요~
어제 글 올렸었는데요..
검색해보니 png 파일을 css로 쓰는 방법도 있고 소스도 여러가지가 있더라구요..
문제가 제가 css가 머릿속에 아직 저장이 안돼 있어서요..ㅎㅎ
혹시 png파일을 테이블 배경같은걸루 막 쓸 수 있는 방법은 없나요?
<td background=a.png> 요렇게요..
반투명 배경을 많이 써놔서 좀 머리가 아프네요..
이전까지는 png파일을 생각도 안해봤는데..
갑자기 머리속에 번쩍 떠올라서 써봤더니 문제가 없어서..
너무 남발해 버린것 같아요..ㅎㅎ
아시는 분 있으시면 꼭 좀 부탁드려 볼께요~
날씨가 꾸물꾸물한데.. 기분까지 꾸물거리지 않게 힘내세요~
댓글 11개
15년 전
ie6말씀하시는 거냐능....
<td background=a.png> 이거는 css 아니라능...
그냥 테그라능....
그것도 오래된 테그라 요즘 사라져서 볼수없는 테그라능....
css는
background-image:url(../../images/bgBarHover.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bgBarHover.png', sizingMethod='scale');
css 백그라운드로 작성할땐 이렇게 쓰시면 된다능.....
<td background=a.png> 이거는 css 아니라능...
그냥 테그라능....
그것도 오래된 테그라 요즘 사라져서 볼수없는 테그라능....
css는
background-image:url(../../images/bgBarHover.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bgBarHover.png', sizingMethod='scale');
css 백그라운드로 작성할땐 이렇게 쓰시면 된다능.....
15년 전
궁금해 하시는 것하고는 별도로...
ie6같은경우는 png썼을때 투명이 적용 안되서 자바 스크립을 써야 합니다..
저도 검색해서 얻은건데..
<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>
이 자바스크립을 쓰고 이미지사용하실때 class="png24" 이렇게 하시면 투명적용 됩니다..
ie6같은경우는 png썼을때 투명이 적용 안되서 자바 스크립을 써야 합니다..
저도 검색해서 얻은건데..
<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>
이 자바스크립을 쓰고 이미지사용하실때 class="png24" 이렇게 하시면 투명적용 됩니다..
15년 전
http://www.sodapop.co.kr/bbs/board.php?bo_table=tutorial&wr_id=24
http://www.sodapop.co.kr/bbs/board.php?bo_table=tutorial&wr_id=36
참조하시길..
http://www.sodapop.co.kr/bbs/board.php?bo_table=tutorial&wr_id=36
참조하시길..
15년 전
제가 궁금한건.. 제가 위에 말씀드린데로..
<td background=*.png>이런식으로는 불가능한건지가 궁금합니다..
그렇게 쓰는 방법이 없다면..
당장 css 주입식 교육을 시작해야 할것 같아서요..
<td background=*.png>이런식으로는 불가능한건지가 궁금합니다..
그렇게 쓰는 방법이 없다면..
당장 css 주입식 교육을 시작해야 할것 같아서요..
soulfuleyes
15년 전
위에 답이 있자나요~~~ㅠㅠ
<td style="background:url(이미지경로) no-repeat; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='이미지경로', sizingMethod='crop')">처럼 에그당님꺼를 걍 스타일만 붙이면 됩니다.
<td style="background:url(이미지경로) no-repeat; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='이미지경로', sizingMethod='crop')">처럼 에그당님꺼를 걍 스타일만 붙이면 됩니다.
15년 전
DXImageTransform.Microsoft.AlphaImageLoader 를 사용할 때는 repeat가 적용이 되지 않는다고 하네요... 웁
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 |
 thisgun |
1주 전 | 10 | |
| 199718 |
thisgun |
1주 전 | 9 | |
| 199717 | 3주 전 | 20 | ||
| 199716 |
느긋한카키쿠키
|
3주 전 | 17 | |
| 199715 |
현대적인무질서한까마귀
|
3주 전 | 20 | |
| 199714 | 3주 전 | 23 | ||
| 199713 | 3주 전 | 32 | ||
| 199712 | 1개월 전 | 291 | ||
| 199711 |
안졸리니졸리니
|
1개월 전 | 144 | |
| 199710 |
 glitter0gim |
1개월 전 | 160 | |
| 199709 |
glitter0gim |
1개월 전 | 91 | |
| 199708 | 1개월 전 | 106 | ||
| 199707 | 1개월 전 | 240 | ||
| 199706 | 1개월 전 | 41 | ||
| 199705 | 1개월 전 | 29 | ||
| 199704 | 1개월 전 | 46 | ||
| 199703 | 2개월 전 | 57 | ||
| 199702 | 2개월 전 | 97 | ||
| 199701 | 2개월 전 | 111 | ||
| 199700 | 2개월 전 | 83 | ||
| 199699 | 2개월 전 | 88 | ||
| 199698 | 2개월 전 | 134 | ||
| 199697 | 2개월 전 | 99 | ||
| 199696 |
 Gothrock |
2개월 전 | 245 | |
| 199695 | 2개월 전 | 88 | ||
| 199694 | 2개월 전 | 117 | ||
| 199693 | 2개월 전 | 185 | ||
| 199692 | 2개월 전 | 195 | ||
| 199691 |
 샬롬이아빠 |
2개월 전 | 169 | |
| 199690 | 2개월 전 | 257 | ||
| 199689 | 2개월 전 | 160 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기