English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조서

CSS @규칙(RULES)

CSS 속성大全

CSS 배경-attachment 속성 사용 방법 및 예제

CSS 배경-attachment 속성은 배경 이미지가 문서 스크롤링과 함께 이동하거나 뷰포트에서 고정되는지 정의합니다.

다음 표는 이 속성의 사용 시나리오와 버전 역사를 요약합니다.

기본 값:scroll
적용 대상:모든 요소
thừa kế:없음
애니메이션 가능:아니요.참조: 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:    
object    object.style.backgroundAttachment="fixed"

background-attachment 사용 문법

이 속성의 문법은 다음과 같습니다:

background-attachment: scroll | fixed | initial | inherit

다음 예제는 background를 사용하는 방법을 보여줍니다:-attachment 속성.

body { background-image: url("images/recycle.jpg");background-attachment: fixed;}
시험해보기‹/›

속성 값

다음 표는 이 속성의 값을 설명합니다.

설명
scroll기본 값. 배경 이미지는 요소 자체에 대한 상대적인 고정 유지되며 뷰포트에서 포함된 요소와 함께 스크롤됩니다.
fixed배경 이미지는 뷰포트에 대한 상대적인 고정 유지되며 요소와 함께 이동하지 않습니다.
local배경 이미지는 요소의 내용에 대한 상대적인 고정 유지됩니다: 요소가 스크롤 기능을 가지고 있다면 배경은 요소의 내용과 함께 스크롤됩니다.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 관련 요소는 부모 요소의 background를 사용합니다.-attachment 속성의 계산 값.

브라우저 호환성

background-attachment 속성의 브라우저 호환성, 모든 주요 브라우저가 이 속성을 지원합니다.

  • 파이어폭스 1+

  • Google 크롬1+

  • 인터넷 익스플로러 4+

  • Apple 사파리 1+

  • 오페라 3。5+

추가로 읽어보기

다음 튜토리얼을 참조하십시오:CSS 배경CSS3배경

관련 속성:backgroundbackground-colorbackground-clipbackground-imagebackground-originbackground-positionbackground-repeatbackground-size