예
고정 할 수있는 배경 이미지를 설정 (will not scroll) :
document.body.style.backgroundAttachment = "fixed"; »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
backgroundAttachment 속성을 설정하거나 반환 배경 이미지는 콘텐츠와 함께 이동한다, 또는 고정 할 수 있는지 여부.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| backgroundAttachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
통사론
backgroundAttachment 속성을 반환합니다 :
object .style.backgroundAttachment
backgroundAttachment 속성을 설정 :
object .style.backgroundAttachment="scroll|fixed|local|initial|inherit"
속성 값
| 값 | 기술 |
|---|---|
| scroll | 요소와 함께 배경 스크롤됩니다. 이 기본이다 |
| fixed | 배경은 뷰포트에 대해서 고정 |
| local | 요소의 내용과 함께 배경 스크롤 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 스크롤 |
|---|---|
| 반환 값 : | 배경 이미지는 문서 내에서 객체에 부착하는 방법을 나타내는 문자열, |
| CSS 버전 | CSS1 |
더 예
예
div 요소에 스크롤과 지역 사이의 선택 :
document.getElementById("myDIV").style.backgroundAttachment = "local"; »그것을 자신을 시도 예
고정 스크롤 사이에서 전환 :
var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll"; »그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 배경
CSS 참조 : background-attachment property
HTML DOM 참조 : background property
<스타일 개체