png파일 background로 쓰는 방법 아시는 분 계신가요? 정보
png파일 background로 쓰는 방법 아시는 분 계신가요?본문
안녕하세요.
어제 글 올렸었는데요..
검색해보니 png 파일을 css로 쓰는 방법도 있고 소스도 여러가지가 있더라구요..
문제가 제가 css가 머릿속에 아직 저장이 안돼 있어서요..ㅎㅎ
혹시 png파일을 테이블 배경같은걸루 막 쓸 수 있는 방법은 없나요?
<td background=a.png> 요렇게요..
반투명 배경을 많이 써놔서 좀 머리가 아프네요..
이전까지는 png파일을 생각도 안해봤는데..
갑자기 머리속에 번쩍 떠올라서 써봤더니 문제가 없어서..
너무 남발해 버린것 같아요..ㅎㅎ
아시는 분 있으시면 꼭 좀 부탁드려 볼께요~
날씨가 꾸물꾸물한데.. 기분까지 꾸물거리지 않게 힘내세요~
어제 글 올렸었는데요..
검색해보니 png 파일을 css로 쓰는 방법도 있고 소스도 여러가지가 있더라구요..
문제가 제가 css가 머릿속에 아직 저장이 안돼 있어서요..ㅎㅎ
혹시 png파일을 테이블 배경같은걸루 막 쓸 수 있는 방법은 없나요?
<td background=a.png> 요렇게요..
반투명 배경을 많이 써놔서 좀 머리가 아프네요..
이전까지는 png파일을 생각도 안해봤는데..
갑자기 머리속에 번쩍 떠올라서 써봤더니 문제가 없어서..
너무 남발해 버린것 같아요..ㅎㅎ
아시는 분 있으시면 꼭 좀 부탁드려 볼께요~
날씨가 꾸물꾸물한데.. 기분까지 꾸물거리지 않게 힘내세요~
추천
0
0
댓글 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 백그라운드로 작성할땐 이렇게 쓰시면 된다능.....
<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
궁금해 하시는 것하고는 별도로...
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" 이렇게 하시면 투명적용 됩니다..
그 소스는 저도 검색해봐서 알고 있지만,
테이블안에 배경으로 쓸 목적이기 때문에 적용이 안되는것 같아요..^^
테이블안에 배경으로 쓸 목적이기 때문에 적용이 안되는것 같아요..^^
제가 궁금한건.. 제가 위에 말씀드린데로..
<td background=*.png>이런식으로는 불가능한건지가 궁금합니다..
그렇게 쓰는 방법이 없다면..
당장 css 주입식 교육을 시작해야 할것 같아서요..
<td background=*.png>이런식으로는 불가능한건지가 궁금합니다..
그렇게 쓰는 방법이 없다면..
당장 css 주입식 교육을 시작해야 할것 같아서요..
배경은 일일이 설정 해주셔야 합니다.
위에 답이 있자나요~~~ㅠㅠ
<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')">처럼 에그당님꺼를 걍 스타일만 붙이면 됩니다.
고마워요~
DXImageTransform.Microsoft.AlphaImageLoader 를 사용할 때는 repeat가 적용이 되지 않는다고 하네요... 웁
css 나 javascript 꼼수로 사용시 cpu 폭주 현상?이 있을수 있습니다.