안녕하세요~
게시판에 글 몇번 올렸는데 아직 해결을 못해서요..^^;;
아래 부분에서 잘못된 부분 좀 찾아주세요.
배경이 투명처리는 되는데.. 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가 되지 않아요.
어디를 고치면 될까요?
미흡하지만 전재산 걸고 질문 드립니다..
빨리 해결하고 싶어요..
댓글 4개
저도 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가 먹히던데요.. 제 로그인에도 사용되고 있구여..
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기