전재산 걸고 다시 한번 질문 드립니다. 정보
전재산 걸고 다시 한번 질문 드립니다.본문
안녕하세요~
게시판에 글 몇번 올렸는데 아직 해결을 못해서요..^^;;
아래 부분에서 잘못된 부분 좀 찾아주세요.
배경이 투명처리는 되는데.. repeat가 되지 않네요.
bg.png파일을 배경으로 깔기(이미지가 사방으로 채워지기)
<td style="background:url(<?=$latest_skin_path?>/img/bg.png)repeat; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?=$latest_skin_path?>/img/bg.png', sizingMethod='crop');">
bg.png파일을 세로로 채우기
<td style="background:url(<?=$latest_skin_path?>/img/bg.png)repeat-x; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?=$latest_skin_path?>/img/bg.png', sizingMethod='crop');">
bg.png파일을 가로로 채우기
<td style="background:url(<?=$latest_skin_path?>/img/bg.png)repeat-y; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?=$latest_skin_path?>/img/bg.png', sizingMethod='crop');">
위 3가지가 전부 배경이 한번만 깔리고 repeat가 되지 않아요.
어디를 고치면 될까요?
미흡하지만 전재산 걸고 질문 드립니다..
빨리 해결하고 싶어요..
게시판에 글 몇번 올렸는데 아직 해결을 못해서요..^^;;
아래 부분에서 잘못된 부분 좀 찾아주세요.
배경이 투명처리는 되는데.. repeat가 되지 않네요.
bg.png파일을 배경으로 깔기(이미지가 사방으로 채워지기)
<td style="background:url(<?=$latest_skin_path?>/img/bg.png)repeat; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?=$latest_skin_path?>/img/bg.png', sizingMethod='crop');">
bg.png파일을 세로로 채우기
<td style="background:url(<?=$latest_skin_path?>/img/bg.png)repeat-x; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?=$latest_skin_path?>/img/bg.png', sizingMethod='crop');">
bg.png파일을 가로로 채우기
<td style="background:url(<?=$latest_skin_path?>/img/bg.png)repeat-y; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?=$latest_skin_path?>/img/bg.png', sizingMethod='crop');">
위 3가지가 전부 배경이 한번만 깔리고 repeat가 되지 않아요.
어디를 고치면 될까요?
미흡하지만 전재산 걸고 질문 드립니다..
빨리 해결하고 싶어요..
댓글 전체
저도 png 땜시 고생했는데 개인적으로 이렇게 해결했습니다.
참고하세요~
이건 익스6에서도 통하더군요..
0. PNG 이미지를 투명하게 처리할땐...
홈페이지 <head>부분에 다음과 같이 자바를 넣는다.
<script language="javascript">
<!--
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>
<style type="text/css">
.png24 { tmp:expression(setPng24(this)); }
</style>
1. 이미지를 불러올땐 다음과 같이 해당 이미지에 클래스를 넣는다.
예를 들어 <IMG src="./images/logo.png" class="png24"> 이런식으로..
2. 현재 님과 같은경우엔...
<head>부분 스타일에
<style type="text/css">
.png{ background:(<?=$latest_skin_path?>/img/bg.png) repeat; }</style>
요렇게 하고 테이블부근엔 <td class="png">이렇게 스타일을 먹여야 할꺼 같네요..
저렇게 td에 class를 적용하면 repeat가 먹히던데요.. 제 로그인에도 사용되고 있구여..
참고하세요~
이건 익스6에서도 통하더군요..
0. PNG 이미지를 투명하게 처리할땐...
홈페이지 <head>부분에 다음과 같이 자바를 넣는다.
<script language="javascript">
<!--
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>
<style type="text/css">
.png24 { tmp:expression(setPng24(this)); }
</style>
1. 이미지를 불러올땐 다음과 같이 해당 이미지에 클래스를 넣는다.
예를 들어 <IMG src="./images/logo.png" class="png24"> 이런식으로..
2. 현재 님과 같은경우엔...
<head>부분 스타일에
<style type="text/css">
.png{ background:(<?=$latest_skin_path?>/img/bg.png) repeat; }</style>
요렇게 하고 테이블부근엔 <td class="png">이렇게 스타일을 먹여야 할꺼 같네요..
저렇게 td에 class를 적용하면 repeat가 먹히던데요.. 제 로그인에도 사용되고 있구여..
먼저 답변 감사드립니다.
1번째는 저에게 좀 해당사항이 없는것 같아요..
그리고 2번째에 대해서 추가 질문 드릴께요.
2번째 소스를 쓸 경우에 1번에 사용한 스크립트 없이 png투명이 적용이 된다는 말씀이신가요?
그렇게만 해서는 ie6에서 투명이 안되는 것 같아서요..
번거롭지만 확인 좀 부탁드릴께요.
1번째는 저에게 좀 해당사항이 없는것 같아요..
그리고 2번째에 대해서 추가 질문 드릴께요.
2번째 소스를 쓸 경우에 1번에 사용한 스크립트 없이 png투명이 적용이 된다는 말씀이신가요?
그렇게만 해서는 ie6에서 투명이 안되는 것 같아서요..
번거롭지만 확인 좀 부탁드릴께요.
ps) png로 특정 이미지로만 사용하면 괸찮은데(작은사이즈) png 배경을 사용이후에 홈페이지의 이유없는 다운을 경험하게 됩니다. GIF를 권장합니다.
큰 이미지150 x 200px 정도의 칸인데도 그럴까요??
