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년 전
좋네요^^
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7430 |
 wooriteam |
11년 전 | 4947 | |
| 7429 | 11년 전 | 1779 | ||
| 7428 |
멋진남자임
|
11년 전 | 1169 | |
| 7427 |
sdflksdj2
|
11년 전 | 830 | |
| 7426 | 11년 전 | 1364 | ||
| 7425 | 11년 전 | 1391 | ||
| 7424 | 11년 전 | 1054 | ||
| 7423 |
SeungYeon
|
11년 전 | 564 | |
| 7422 | 11년 전 | 811 | ||
| 7421 |
sdflksdj2
|
11년 전 | 691 | |
| 7420 | 11년 전 | 970 | ||
| 7419 |
 Terrorboy |
11년 전 | 1404 | |
| 7418 |
멋진남자임
|
11년 전 | 1440 | |
| 7417 | 11년 전 | 608 | ||
| 7416 |
senseme
|
11년 전 | 1233 | |
| 7415 | 11년 전 | 963 | ||
| 7414 | 11년 전 | 715 | ||
| 7413 | 11년 전 | 4849 | ||
| 7412 | 11년 전 | 4406 | ||
| 7411 |
holla
|
11년 전 | 898 | |
| 7410 | 11년 전 | 4252 | ||
| 7409 | 11년 전 | 3929 | ||
| 7408 | 11년 전 | 4272 | ||
| 7407 | 11년 전 | 5087 | ||
| 7406 | 11년 전 | 4734 | ||
| 7405 | 11년 전 | 4302 | ||
| 7404 | 11년 전 | 763 | ||
| 7403 | 11년 전 | 5682 | ||
| 7402 | 11년 전 | 1519 | ||
| 7401 |
Terrorboy |
11년 전 | 979 | |
| 7400 | 11년 전 | 2973 | ||
| 7399 |
멋진남자임
|
11년 전 | 918 | |
| 7398 |
파랑새1597
|
11년 전 | 2706 | |
| 7397 | 11년 전 | 2274 | ||
| 7396 |
basketball
|
11년 전 | 1373 | |
| 7395 | 11년 전 | 1612 | ||
| 7394 | 11년 전 | 933 | ||
| 7393 | 11년 전 | 2071 | ||
| 7392 | 11년 전 | 851 | ||
| 7391 |
잘살아보자
|
11년 전 | 5364 | |
| 7390 |
잘살아보자
|
11년 전 | 2229 | |
| 7389 |
잘살아보자
|
11년 전 | 3321 | |
| 7388 |
파랑새1597
|
11년 전 | 931 | |
| 7387 | 11년 전 | 1108 | ||
| 7386 |
프리랜서퍼블리셔
|
11년 전 | 973 | |
| 7385 | 11년 전 | 1572 | ||
| 7384 |
울라라라우
|
11년 전 | 892 | |
| 7383 | 11년 전 | 1556 | ||
| 7382 |
잘살아보자
|
11년 전 | 4228 | |
| 7381 |
잘살아보자
|
11년 전 | 2000 | |
| 7380 |
잘살아보자
|
11년 전 | 1944 | |
| 7379 |
잘살아보자
|
11년 전 | 5908 | |
| 7378 |
senseme
|
11년 전 | 1901 | |
| 7377 |
잘살아보자
|
11년 전 | 2749 | |
| 7376 | 11년 전 | 2417 | ||
| 7375 |
잘살아보자
|
11년 전 | 1051 | |
| 7374 |
잘살아보자
|
11년 전 | 3161 | |
| 7373 |
잘살아보자
|
11년 전 | 2482 | |
| 7372 |
잘살아보자
|
11년 전 | 5833 | |
| 7371 |
잘살아보자
|
11년 전 | 3469 | |
| 7370 |
잘살아보자
|
11년 전 | 1916 | |
| 7369 |
잘살아보자
|
11년 전 | 2174 | |
| 7368 |
ksdhtm56
|
11년 전 | 573 | |
| 7367 | 11년 전 | 1438 | ||
| 7366 | 11년 전 | 935 | ||
| 7365 | 11년 전 | 3546 | ||
| 7364 |
잘살아보자
|
11년 전 | 1399 | |
| 7363 |
잘살아보자
|
11년 전 | 1372 | |
| 7362 |
잘살아보자
|
11년 전 | 1508 | |
| 7361 | 11년 전 | 3596 | ||
| 7360 | 11년 전 | 3563 | ||
| 7359 | 11년 전 | 3381 | ||
| 7358 |
멋진남자임
|
11년 전 | 1029 | |
| 7357 | 11년 전 | 3416 | ||
| 7356 | 11년 전 | 2604 | ||
| 7355 | 11년 전 | 3194 | ||
| 7354 |
파랑새1597
|
11년 전 | 651 | |
| 7353 |
잘살아보자
|
11년 전 | 2429 | |
| 7352 |
잘살아보자
|
11년 전 | 2417 | |
| 7351 |
잘살아보자
|
11년 전 | 2481 | |
| 7350 |
잘살아보자
|
11년 전 | 1478 | |
| 7349 |
잘살아보자
|
11년 전 | 1971 | |
| 7348 |
잘살아보자
|
11년 전 | 1287 | |
| 7347 |
잘살아보자
|
11년 전 | 1082 | |
| 7346 |
멋진남자임
|
11년 전 | 1651 | |
| 7345 | 11년 전 | 995 | ||
| 7344 | 11년 전 | 3878 | ||
| 7343 | 11년 전 | 3660 | ||
| 7342 | 11년 전 | 1288 | ||
| 7341 | 11년 전 | 2523 | ||
| 7340 |
 오드리15 |
11년 전 | 939 | |
| 7339 | 11년 전 | 1738 | ||
| 7338 | 11년 전 | 3351 | ||
| 7337 | 11년 전 | 3664 | ||
| 7336 | 11년 전 | 4603 | ||
| 7335 | 11년 전 | 978 | ||
| 7334 | 11년 전 | 1538 | ||
| 7333 | 11년 전 | 2939 | ||
| 7332 |
Terrorboy |
11년 전 | 1111 | |
| 7331 |
KeePin뽁이
|
11년 전 | 1105 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기