TD뿐만 아니라 BODY값에서도 적용가능하며, 배경이미지를 고정시켜 항상 제자리에 있는 느낌을 주게 하는 팁앤테크~
------------------------------------
## 배경이미지 고정 스타일시트 정의 ##
------------------------------------
<style type="text/css">
BODY {
margin-left: 1em; /* 고정 이미지가 보이도록 열어 준 것임 */
background-image: url('http://trio.co.kr/gif/bnvtrio.gif');
background-position: 260 left; /* 디폴트는 top left, 혹은 0 0 */
background-attachment: fixed;
background-repeat: no-repeat; /* 디폴트는 repeat */
}
</style>
## background=position 의 값을 어떻게 주느냐에 따라 배경이미지의 위치가 달라진다.
## 0 0 => 왼쪽 상단 , bottom 0 => 하단 왼쪽, bottom right => 하단 오른쪽....등으로 표현할수있다.
[예제응용]
1. 스타일시트를 사용하지 않고 바로 해당 테이블이나 <TD>에 적용할 경우는 아래와 같다.
<TD style='background-image:url(이미지경로/이미지.gif); background-repeat:no-repeat; background-position:bottom right; background-attachment:fixed;'></TD><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
------------------------------------
## 배경이미지 고정 스타일시트 정의 ##
------------------------------------
<style type="text/css">
BODY {
margin-left: 1em; /* 고정 이미지가 보이도록 열어 준 것임 */
background-image: url('http://trio.co.kr/gif/bnvtrio.gif');
background-position: 260 left; /* 디폴트는 top left, 혹은 0 0 */
background-attachment: fixed;
background-repeat: no-repeat; /* 디폴트는 repeat */
}
</style>
## background=position 의 값을 어떻게 주느냐에 따라 배경이미지의 위치가 달라진다.
## 0 0 => 왼쪽 상단 , bottom 0 => 하단 왼쪽, bottom right => 하단 오른쪽....등으로 표현할수있다.
[예제응용]
1. 스타일시트를 사용하지 않고 바로 해당 테이블이나 <TD>에 적용할 경우는 아래와 같다.
<TD style='background-image:url(이미지경로/이미지.gif); background-repeat:no-repeat; background-position:bottom right; background-attachment:fixed;'></TD><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
게시글 목록
| 번호 | 제목 |
|---|---|
| 876 | |
| 875 | |
| 17847 |
HTML
패스선택툴
1
|
| 872 | |
| 17845 |
HTML
작업내역 브러쉬
1
|
| 869 |
기타
올가미 툴
2
|
| 865 |
기타
분할도구
3
|
| 860 |
기타
마술봉&잘라내기
4
|
| 855 |
기타
도장툴
4
|
| 17839 |
HTML
닷지툴
5
|
| 850 |
JavaScript
이동툴
4
|
| 843 |
기타
선택툴
6
|
| 839 | |
| 17835 |
HTML
일러스트 메뉴얼.
3
|
| 830 |
JavaScript
php 기초 함수 예문 모음
8
|
| 829 | |
| 822 |
Flash
간단한 플래시 매뉴
6
|
| 814 |
기타
포토샵 기본팁
7
|
| 807 |
JavaScript
모질라/파이어폭스에서 둥근 모서리 처리
6
|
| 804 |
JavaScript
이미지 도구모음 표시안하기(IE용)
2
|
| 801 | |
| 798 | |
| 797 | |
| 796 | |
| 795 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기