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년 전
좋네요^^
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7530 | 10년 전 | 818 | ||
| 7529 |
파랑새1597
|
10년 전 | 1245 | |
| 7528 |
파랑새1597
|
10년 전 | 1334 | |
| 7527 |
integrity7
|
10년 전 | 1416 | |
| 7526 | 10년 전 | 2442 | ||
| 7525 |
다빈치코드777
|
10년 전 | 1121 | |
| 7524 | 10년 전 | 1590 | ||
| 7523 | 10년 전 | 980 | ||
| 7522 |
 나는웹디다 |
10년 전 | 1008 | |
| 7521 |
blackkil
|
10년 전 | 1896 | |
| 7520 | 10년 전 | 1313 | ||
| 7519 |
Gaumi
|
10년 전 | 1094 | |
| 7518 | 10년 전 | 1504 | ||
| 7517 | 10년 전 | 843 | ||
| 7516 | 10년 전 | 1311 | ||
| 7515 | 10년 전 | 1429 | ||
| 7514 |
 돼지코구뇽 |
10년 전 | 4500 | |
| 7513 |
멋진남자임
|
10년 전 | 1140 | |
| 7512 |
다빈치코드777
|
10년 전 | 891 | |
| 7511 |
 LaRuota |
10년 전 | 3417 | |
| 7510 | 10년 전 | 1382 | ||
| 7509 | 10년 전 | 1162 | ||
| 7508 | 10년 전 | 727 | ||
| 7507 |
senseme
|
10년 전 | 768 | |
| 7506 |
멋진남자임
|
10년 전 | 1664 | |
| 7505 | 10년 전 | 4042 | ||
| 7504 | 10년 전 | 2171 | ||
| 7503 | 10년 전 | 1010 | ||
| 7502 | 10년 전 | 533 | ||
| 7501 | 10년 전 | 1462 | ||
| 7500 | 10년 전 | 1508 | ||
| 7499 | 10년 전 | 3412 | ||
| 7498 | 10년 전 | 1255 | ||
| 7497 |
dethos79
|
10년 전 | 2979 | |
| 7496 | 10년 전 | 2192 | ||
| 7495 | 10년 전 | 917 | ||
| 7494 |
CHAVO
|
10년 전 | 1156 | |
| 7493 | 10년 전 | 2669 | ||
| 7492 | 10년 전 | 1302 | ||
| 7491 | 10년 전 | 1510 | ||
| 7490 | 10년 전 | 2364 | ||
| 7489 | 10년 전 | 2133 | ||
| 7488 |
toptopon
|
10년 전 | 917 | |
| 7487 |
 Terrorboy |
10년 전 | 1061 | |
| 7486 | 10년 전 | 3376 | ||
| 7485 | 10년 전 | 1331 | ||
| 7484 | 10년 전 | 1386 | ||
| 7483 | 10년 전 | 1044 | ||
| 7482 | 10년 전 | 677 | ||
| 7481 | 10년 전 | 868 | ||
| 7480 | 10년 전 | 1250 | ||
| 7479 | 10년 전 | 2622 | ||
| 7478 | 10년 전 | 1186 | ||
| 7477 |
멋진남자임
|
10년 전 | 1535 | |
| 7476 |
zeppeto
|
10년 전 | 1151 | |
| 7475 |
200점아빠
|
10년 전 | 932 | |
| 7474 | 10년 전 | 4020 | ||
| 7473 | 10년 전 | 1008 | ||
| 7472 |
나르시스1
|
10년 전 | 1257 | |
| 7471 | 10년 전 | 889 | ||
| 7470 | 10년 전 | 1307 | ||
| 7469 |
플라이SINJI
|
10년 전 | 1017 | |
| 7468 |
Terrorboy |
10년 전 | 578 | |
| 7467 |
Terrorboy |
10년 전 | 695 | |
| 7466 | 10년 전 | 1151 | ||
| 7465 | 10년 전 | 1202 | ||
| 7464 |
Terrorboy |
10년 전 | 1216 | |
| 7463 | 10년 전 | 1278 | ||
| 7462 |
진짜별사탕
|
10년 전 | 881 | |
| 7461 | 10년 전 | 968 | ||
| 7460 | 10년 전 | 3761 | ||
| 7459 |
멋진남자임
|
10년 전 | 1578 | |
| 7458 |
멋진남자임
|
10년 전 | 505 | |
| 7457 | 10년 전 | 934 | ||
| 7456 | 10년 전 | 783 | ||
| 7455 | 10년 전 | 2194 | ||
| 7454 | 10년 전 | 645 | ||
| 7453 | 10년 전 | 853 | ||
| 7452 |
중국어사이트제작
|
10년 전 | 516 | |
| 7451 | 10년 전 | 924 | ||
| 7450 | 10년 전 | 648 | ||
| 7449 |
울라라라우
|
10년 전 | 967 | |
| 7448 | 10년 전 | 1642 | ||
| 7447 |
멋진남자임
|
10년 전 | 526 | |
| 7446 | 10년 전 | 569 | ||
| 7445 |
네이비칼라
|
10년 전 | 1705 | |
| 7444 |
senseme
|
10년 전 | 1424 | |
| 7443 | 11년 전 | 1353 | ||
| 7442 | 11년 전 | 746 | ||
| 7441 |
멋진남자임
|
11년 전 | 1457 | |
| 7440 | 11년 전 | 932 | ||
| 7439 |
Terrorboy |
11년 전 | 786 | |
| 7438 |
Terrorboy |
11년 전 | 955 | |
| 7437 |
basement
|
11년 전 | 1051 | |
| 7436 |
잘살아보자
|
11년 전 | 1147 | |
| 7435 | 11년 전 | 1105 | ||
| 7434 | 11년 전 | 3801 | ||
| 7433 |
Terrorboy |
11년 전 | 2770 | |
| 7432 |
alexkim
|
11년 전 | 876 | |
| 7431 |
이웃집초보
|
11년 전 | 1326 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기