배경 이미지 넣기(화면 왼쪽에 작은 이미지 고정으로)
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;"
이렇게 하면 테이블내에서도 고정할수 있대요
이렇게 하면 테이블내에서도 고정할수 있대요
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 266 | 기타 |
 bbking |
20년 전 | 2907 | |
| 265 | JavaScript |
bbking |
20년 전 | 3464 | |
| 264 | 기타 |
bbking |
20년 전 | 4627 | |
| 263 | 기타 |
bbking |
20년 전 | 3792 | |
| 262 | 기타 |
bbking |
20년 전 | 5729 | |
| 261 | 기타 | 20년 전 | 4468 | ||
| 260 | 기타 |
bbking |
20년 전 | 3913 | |
| 259 | JavaScript |
bbking |
20년 전 | 18474 | |
| 258 | Flash | 20년 전 | 7685 | ||
| 257 | 기타 | 20년 전 | 4136 | ||
| 256 | 기타 |
 hanpedro |
20년 전 | 6914 | |
| 255 | 기타 | 20년 전 | 3854 | ||
| 254 | 기타 | 20년 전 | 4115 | ||
| 253 | 기타 | 20년 전 | 3626 | ||
| 252 | 기타 | 20년 전 | 4052 | ||
| 251 | 기타 | 20년 전 | 4028 | ||
| 250 | 기타 | 20년 전 | 3768 | ||
| 249 | JavaScript | 20년 전 | 3882 | ||
| 248 | 기타 | 20년 전 | 4271 | ||
| 247 | 기타 | 20년 전 | 5046 | ||
| 246 | JavaScript |
hanpedro |
20년 전 | 5203 | |
| 245 | PHP | 20년 전 | 5481 | ||
| 244 | Flash |
허저비
|
20년 전 | 7576 | |
| 243 | 기타 |
bbking |
20년 전 | 8146 | |
| 242 | JavaScript | 20년 전 | 5370 | ||
| 241 | JavaScript | 20년 전 | 4577 | ||
| 240 | 기타 | 20년 전 | 5004 | ||
| 239 | 기타 | 20년 전 | 3084 | ||
| 238 | 기타 | 20년 전 | 2855 | ||
| 237 | 기타 | 20년 전 | 4425 |
[기타] 당신의 홈피에 머문시간을 상태표시줄에 보여주기.
bbking[JavaScript] 마우스 cursor [3]
bbking[기타] 그림자가 있는 글자
bbking[기타] 6개국 시간 [2]
bbking[기타] css_table [1]
bbking[기타] iframe 의 크기를 자동으로 지정 [1]
bbking[JavaScript] 일러스트에서 한글 자판이 안먹힐때. [5]
bbking[기타] 포토샵 기본팁 [7]
bbking
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기