더북(TheBook)

6.4.6 background-attachment 속성

background-attachment 속성은 요소에 삽입된 이미지를 스크롤할 때, 이미지의 작동 방식을 결정합니다.

형식

background-attachment:<속성값>;

사용할 수 있는 속성값은 다음과 같습니다.

표 6-15 background-attachment 속성값

속성값

설명

local

삽입된 이미지가 요소와 웹 브라우저에서 모두 스크롤됩니다.

scroll

삽입된 이미지가 요소에서는 고정되지만, 웹 브라우저에서는 스크롤됩니다.

fixed

삽입된 이미지가 요소와 웹 브라우저에서 모두 고정됩니다.

background-attachment 속성값은 작동 방식이 조금 복잡해서 실습하면서 확인해 보겠습니다. 예제 파일은 3개지만, background-attachment 속성값이 다른 것만 빼고는 나머지는 같습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.