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>
댓글 2개
Photofly
20년 전
좋은 팁이군요...감사합니다...
19년 전
좋네요^^
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 830 |
 Elbis |
19년 전 | 2195 | |
| 829 |
Elbis |
19년 전 | 1938 | |
| 828 |
Elbis |
19년 전 | 1821 | |
| 827 |
Elbis |
19년 전 | 1658 | |
| 826 |
Elbis |
19년 전 | 1856 | |
| 825 |
Elbis |
19년 전 | 1905 | |
| 824 |
Elbis |
19년 전 | 1960 | |
| 823 |
Elbis |
19년 전 | 2699 | |
| 822 |
Elbis |
19년 전 | 5335 | |
| 821 |
Elbis |
19년 전 | 1729 | |
| 820 |
Elbis |
19년 전 | 1586 | |
| 819 |
Elbis |
19년 전 | 1451 | |
| 818 |
Elbis |
19년 전 | 1611 | |
| 817 |
Elbis |
19년 전 | 1533 | |
| 816 |
Elbis |
19년 전 | 1453 | |
| 815 |
Elbis |
19년 전 | 1467 | |
| 814 |
Elbis |
19년 전 | 1387 | |
| 813 |
Elbis |
19년 전 | 1453 | |
| 812 | 19년 전 | 2828 | ||
| 811 |
pearly
|
19년 전 | 3846 | |
| 810 |
pearly
|
19년 전 | 5226 | |
| 809 |
 MCLUB |
19년 전 | 1388 | |
| 808 |
pearly
|
19년 전 | 4545 | |
| 807 | 19년 전 | 2984 | ||
| 806 |
MCLUB |
19년 전 | 1508 | |
| 805 |
 드렁크수달스 |
19년 전 | 2698 | |
| 804 |
 두루굳센™ |
19년 전 | 3626 | |
| 803 |
MCLUB |
19년 전 | 1818 | |
| 802 |
 AGAWEB |
19년 전 | 3795 | |
| 801 |
MCLUB |
19년 전 | 1889 | |
| 800 | 19년 전 | 3775 | ||
| 799 | 19년 전 | 3445 | ||
| 798 | 19년 전 | 4211 | ||
| 797 | 19년 전 | 4082 | ||
| 796 |
MCLUB |
19년 전 | 1900 | |
| 795 |
MCLUB |
19년 전 | 1863 | |
| 794 | 19년 전 | 4282 | ||
| 793 | 19년 전 | 2677 | ||
| 792 | 19년 전 | 2552 | ||
| 791 | 19년 전 | 2411 | ||
| 790 | 19년 전 | 1988 | ||
| 789 | 19년 전 | 2598 | ||
| 788 | 19년 전 | 2215 | ||
| 787 | 19년 전 | 1855 | ||
| 786 | 19년 전 | 1979 | ||
| 785 | 19년 전 | 1452 | ||
| 784 |
MCLUB |
19년 전 | 1700 | |
| 783 | 19년 전 | 2847 | ||
| 782 |
MCLUB |
19년 전 | 1971 | |
| 781 | 19년 전 | 3258 | ||
| 780 | 19년 전 | 3168 | ||
| 779 |
MCLUB |
19년 전 | 2253 | |
| 778 |
MCLUB |
19년 전 | 1808 | |
| 777 | 19년 전 | 2850 | ||
| 776 | 19년 전 | 2915 | ||
| 775 | 19년 전 | 4027 | ||
| 774 |
MCLUB |
19년 전 | 1998 | |
| 773 | 19년 전 | 2631 | ||
| 772 | 19년 전 | 2347 | ||
| 771 | 19년 전 | 3478 | ||
| 770 |
MCLUB |
19년 전 | 1447 | |
| 769 | 19년 전 | 1511 | ||
| 768 | 19년 전 | 1783 | ||
| 767 | 19년 전 | 2206 | ||
| 766 | 19년 전 | 1838 | ||
| 765 | 19년 전 | 1698 | ||
| 764 |
 강강술냄세 |
19년 전 | 2119 | |
| 763 |
강강술냄세 |
19년 전 | 2234 | |
| 762 |
 yunni |
19년 전 | 4967 | |
| 761 | 19년 전 | 2337 | ||
| 760 |
yunni |
19년 전 | 3200 | |
| 759 | 19년 전 | 2647 | ||
| 758 |
드렁크수달스 |
19년 전 | 2410 | |
| 757 | 19년 전 | 4708 | ||
| 756 | 19년 전 | 2576 | ||
| 755 |
 양들의친목 |
19년 전 | 2422 | |
| 754 |
강강술냄세 |
19년 전 | 1972 | |
| 753 |
강강술냄세 |
19년 전 | 1748 | |
| 752 |
pearly
|
19년 전 | 3377 | |
| 751 | 19년 전 | 2356 | ||
| 750 |
 예은이아빠 |
19년 전 | 6171 | |
| 749 | 19년 전 | 2043 | ||
| 748 |
강강술냄세 |
19년 전 | 1913 | |
| 747 |
강강술냄세 |
19년 전 | 2711 | |
| 746 |
강강술냄세 |
19년 전 | 1825 | |
| 745 | 19년 전 | 2288 | ||
| 744 | 19년 전 | 2123 | ||
| 743 |
드렁크수달스 |
19년 전 | 3580 | |
| 742 | 19년 전 | 2590 | ||
| 741 | 19년 전 | 2752 | ||
| 740 |
 cunic |
19년 전 | 4378 | |
| 739 | 19년 전 | 3556 | ||
| 738 |
드렁크수달스 |
19년 전 | 2312 | |
| 737 | 19년 전 | 4323 | ||
| 736 | 19년 전 | 3282 | ||
| 735 |
홀로남은자
|
19년 전 | 4156 | |
| 734 |
홀로남은자
|
19년 전 | 2032 | |
| 733 |
홀로남은자
|
19년 전 | 2238 | |
| 732 | 19년 전 | 2148 | ||
| 731 | 19년 전 | 3362 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기