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

png파일 background로 쓰는 방법 아시는 분 계신가요?

· 15년 전 · 3652 · 11
안녕하세요.
어제 글 올렸었는데요..

검색해보니 png 파일을 css로 쓰는 방법도 있고 소스도 여러가지가 있더라구요..
문제가 제가 css가 머릿속에 아직 저장이 안돼 있어서요..ㅎㅎ

혹시 png파일을 테이블 배경같은걸루 막 쓸 수 있는 방법은 없나요?
<td background=a.png> 요렇게요..

반투명 배경을 많이 써놔서 좀 머리가 아프네요..
이전까지는 png파일을 생각도 안해봤는데..
갑자기 머리속에 번쩍 떠올라서 써봤더니 문제가 없어서..
너무 남발해 버린것 같아요..ㅎㅎ

아시는 분 있으시면 꼭 좀 부탁드려 볼께요~
날씨가 꾸물꾸물한데.. 기분까지 꾸물거리지 않게 힘내세요~

댓글 작성

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

로그인하기

댓글 11개

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 백그라운드로 작성할땐 이렇게 쓰시면 된다능.....
제가 css를 몰라서 그래요..OTL
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" 이렇게 하시면 투명적용 됩니다..
그 소스는 저도 검색해봐서 알고 있지만,
테이블안에 배경으로 쓸 목적이기 때문에 적용이 안되는것 같아요..^^
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
참조하시길..
제가 궁금한건.. 제가 위에 말씀드린데로..
<td background=*.png>이런식으로는 불가능한건지가 궁금합니다..

그렇게 쓰는 방법이 없다면..
당장 css 주입식 교육을 시작해야 할것 같아서요..
배경은 일일이 설정 해주셔야 합니다.
15년 전
위에 답이 있자나요~~~ㅠㅠ

<td style="background:url(이미지경로) no-repeat; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='이미지경로', sizingMethod='crop')">처럼 에그당님꺼를 걍 스타일만 붙이면 됩니다.
고마워요~
DXImageTransform.Microsoft.AlphaImageLoader 를 사용할 때는 repeat가 적용이 되지 않는다고 하네요... 웁

게시글 목록

번호 제목
1717635
1717629
1717626
1717625
1717621
1717619
1717611
1717610
1717609
1717607
1717601
1717598
1717591
1717590
1717583
1717575
1717572
1717568
1717566
1717549
1717545
1717533
1717512
1717511
1717508
1717495
1717479
1717473
1717470
1717463