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
19년 전
좋은 팁이군요...감사합니다...
19년 전
좋네요^^
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 830 |
 Elbis |
19년 전 | 2190 | |
| 829 |
Elbis |
19년 전 | 1928 | |
| 828 |
Elbis |
19년 전 | 1813 | |
| 827 |
Elbis |
19년 전 | 1657 | |
| 826 |
Elbis |
19년 전 | 1853 | |
| 825 |
Elbis |
19년 전 | 1899 | |
| 824 |
Elbis |
19년 전 | 1956 | |
| 823 |
Elbis |
19년 전 | 2692 | |
| 822 |
Elbis |
19년 전 | 5327 | |
| 821 |
Elbis |
19년 전 | 1727 | |
| 820 |
Elbis |
19년 전 | 1579 | |
| 819 |
Elbis |
19년 전 | 1445 | |
| 818 |
Elbis |
19년 전 | 1609 | |
| 817 |
Elbis |
19년 전 | 1529 | |
| 816 |
Elbis |
19년 전 | 1449 | |
| 815 |
Elbis |
19년 전 | 1462 | |
| 814 |
Elbis |
19년 전 | 1385 | |
| 813 |
Elbis |
19년 전 | 1451 | |
| 812 | 19년 전 | 2822 | ||
| 811 |
pearly
|
19년 전 | 3839 | |
| 810 |
pearly
|
19년 전 | 5221 | |
| 809 |
 MCLUB |
19년 전 | 1383 | |
| 808 |
pearly
|
19년 전 | 4545 | |
| 807 | 19년 전 | 2983 | ||
| 806 |
MCLUB |
19년 전 | 1505 | |
| 805 |
 드렁크수달스 |
19년 전 | 2695 | |
| 804 |
 두루굳센™ |
19년 전 | 3621 | |
| 803 |
MCLUB |
19년 전 | 1815 | |
| 802 |
 AGAWEB |
19년 전 | 3791 | |
| 801 |
MCLUB |
19년 전 | 1883 | |
| 800 | 19년 전 | 3771 | ||
| 799 | 19년 전 | 3438 | ||
| 798 | 19년 전 | 4210 | ||
| 797 | 19년 전 | 4073 | ||
| 796 |
MCLUB |
19년 전 | 1898 | |
| 795 |
MCLUB |
19년 전 | 1858 | |
| 794 | 19년 전 | 4279 | ||
| 793 | 19년 전 | 2674 | ||
| 792 | 19년 전 | 2551 | ||
| 791 | 19년 전 | 2401 | ||
| 790 | 19년 전 | 1984 | ||
| 789 | 19년 전 | 2594 | ||
| 788 | 19년 전 | 2212 | ||
| 787 | 19년 전 | 1850 | ||
| 786 | 19년 전 | 1978 | ||
| 785 | 19년 전 | 1444 | ||
| 784 |
MCLUB |
19년 전 | 1699 | |
| 783 | 19년 전 | 2842 | ||
| 782 |
MCLUB |
19년 전 | 1964 | |
| 781 | 19년 전 | 3253 | ||
| 780 | 19년 전 | 3162 | ||
| 779 |
MCLUB |
19년 전 | 2249 | |
| 778 |
MCLUB |
19년 전 | 1804 | |
| 777 | 19년 전 | 2846 | ||
| 776 | 19년 전 | 2912 | ||
| 775 | 19년 전 | 4023 | ||
| 774 |
MCLUB |
19년 전 | 1984 | |
| 773 | 19년 전 | 2624 | ||
| 772 | 19년 전 | 2345 | ||
| 771 | 19년 전 | 3474 | ||
| 770 |
MCLUB |
19년 전 | 1441 | |
| 769 | 19년 전 | 1505 | ||
| 768 | 19년 전 | 1773 | ||
| 767 | 19년 전 | 2204 | ||
| 766 | 19년 전 | 1837 | ||
| 765 | 19년 전 | 1697 | ||
| 764 |
 강강술냄세 |
19년 전 | 2115 | |
| 763 |
강강술냄세 |
19년 전 | 2223 | |
| 762 |
 yunni |
19년 전 | 4964 | |
| 761 | 19년 전 | 2330 | ||
| 760 |
yunni |
19년 전 | 3196 | |
| 759 | 19년 전 | 2645 | ||
| 758 |
드렁크수달스 |
19년 전 | 2407 | |
| 757 | 19년 전 | 4705 | ||
| 756 | 19년 전 | 2573 | ||
| 755 |
 양들의친목 |
19년 전 | 2420 | |
| 754 |
강강술냄세 |
19년 전 | 1961 | |
| 753 |
강강술냄세 |
19년 전 | 1745 | |
| 752 |
pearly
|
19년 전 | 3372 | |
| 751 | 19년 전 | 2350 | ||
| 750 |
 예은이아빠 |
19년 전 | 6165 | |
| 749 | 19년 전 | 2038 | ||
| 748 |
강강술냄세 |
19년 전 | 1908 | |
| 747 |
강강술냄세 |
19년 전 | 2710 | |
| 746 |
강강술냄세 |
19년 전 | 1819 | |
| 745 | 19년 전 | 2286 | ||
| 744 | 19년 전 | 2116 | ||
| 743 |
드렁크수달스 |
19년 전 | 3573 | |
| 742 | 19년 전 | 2586 | ||
| 741 | 19년 전 | 2751 | ||
| 740 |
 cunic |
19년 전 | 4374 | |
| 739 | 19년 전 | 3550 | ||
| 738 |
드렁크수달스 |
19년 전 | 2309 | |
| 737 | 19년 전 | 4320 | ||
| 736 | 19년 전 | 3275 | ||
| 735 |
홀로남은자
|
19년 전 | 4146 | |
| 734 |
홀로남은자
|
19년 전 | 2030 | |
| 733 |
홀로남은자
|
19년 전 | 2233 | |
| 732 | 19년 전 | 2141 | ||
| 731 | 19년 전 | 3358 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기