CSS background-attachment 속성
정의와 사용법
background-attachment 속성이 배경 이미지를 고정하거나 페이지의 나머지 부분과 함께 스크롤하는지 설정합니다.
다른 참고 사항:
CSS 강의:CSS 배경
HTML DOM 참조 가이드:backgroundAttachment 속성
예제
고정된 배경 이미지 설정 방법:
body
{
background-image: url(bgimage.gif);
background-attachment: fixed;
}
CSS 문법
background-attachment: scroll|fixed|local|initial|inherit;
속성 값
| 값 | 설명 |
|---|---|
| scroll | 기본 값. 배경 이미지는 페이지의 나머지 부분과 함께 스크롤됩니다. |
| fixed | 페이지의 나머지 부분이 스크롤될 때, 배경 이미지는 이동하지 않습니다. |
| inherit | 부모 요소에서 background-attachment 속성 설정을 상속해야 합니다. |
기술 세부 사항
| 기본 값: | scroll |
|---|---|
| 상속성: | no |
| 버전: | CSS1 |
| JavaScript 문법: | object.style.backgroundAttachment="fixed" |
브라우저 지원
표格에 명시된 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다。
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
