배경 이미지 넣기(화면 왼쪽에 작은 이미지 고정으로)
BODY { background-image: url(marble.gif) }
예전에 이렇게 패턴으로 바닥?을 깔곤 했습니다.
http://www.w3.org/TR/CSS1#background-image
여기 보시면 왼쪽에 세로 이미지가 있습니다.
이건
BODY {
background: red url(pendant.gif);
background-repeat: no-repeat;
}
no-repeat를 써 주면 한번 만 나옵니다.
그런데 위치가 왼쪽, 맨 위니까
BODY { background-position: left top }
더 추가하면 이렇게 왼쪽에 한번만 나오죠
스크롤하니까 위로 올라가서 안 보이면
BODY {background-attachment: fixed }
를 추가 하시면 됩니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
예전에 이렇게 패턴으로 바닥?을 깔곤 했습니다.
http://www.w3.org/TR/CSS1#background-image
여기 보시면 왼쪽에 세로 이미지가 있습니다.
이건
BODY {
background: red url(pendant.gif);
background-repeat: no-repeat;
}
no-repeat를 써 주면 한번 만 나옵니다.
그런데 위치가 왼쪽, 맨 위니까
BODY { background-position: left top }
더 추가하면 이렇게 왼쪽에 한번만 나오죠
스크롤하니까 위로 올라가서 안 보이면
BODY {background-attachment: fixed }
를 추가 하시면 됩니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
댓글 3개
19년 전
좋은팁 감사합니다. ^^
http://trio.co.kr/webrefer/css1/rec-css1.html#background-image
참고 URL 번역문서입니다. ^^
http://trio.co.kr/webrefer/css1/rec-css1.html#background-image
참고 URL 번역문서입니다. ^^
pearly
19년 전
두분다 감사..
영어의 압박으로.. 난감했음..
영어의 압박으로.. 난감했음..
18년 전
<TD width=92 style="background: url('/myimages/sub/002_06.jpg') no-repeat;"
이렇게 하면 테이블내에서도 고정할수 있대요
이렇게 하면 테이블내에서도 고정할수 있대요
게시글 목록
| 번호 | 제목 |
|---|---|
| 692 |
JavaScript
home, end키
1
|
| 685 |
JavaScript
콘솔 화면 보호기 끄기
|
| 684 |
기타
히스토리 지우는것 막기
|
| 682 |
JavaScript
VSFTP에서는 PUBLIC_HTML에....
1
|
| 679 | |
| 672 | |
| 671 | |
| 666 | |
| 663 | |
| 661 |
MySQL
[펌]mysql매뉴얼
1
|
| 659 |
JavaScript
미리보기 소스
1
|
| 650 |
Flash
물결치는 모습
8
|
| 646 | |
| 634 | |
| 631 | |
| 630 | |
| 627 |
JavaScript
403 Forbidden error 생길때
2
|
| 625 | |
| 620 | |
| 616 | |
| 611 | |
| 607 | |
| 602 |
기타
타입 툴사용시 팁
4
|
| 599 |
JavaScript
쓸모있는 'border-collapse' 속성
2
|
| 597 |
Linux
페도라 리눅스 시디1장으로 설치하기
1
|
| 596 | |
| 592 | |
| 589 | |
| 584 | |
| 583 |
JavaScript
움직임이 자연스러운 자바시계
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기