[CSS] 배경 이미지 고정하기 ( background-attachment 속성 )

배경 이미지 고정되게 처리하기

body { 

background-image: url(bg.gif); 

background-attachment: fixed;

background-repeat: no-repeat

}

배경의 그림을 스크롤링의 설정 background-attachement 속성의 fixed 값을 통해서 처리한다.

CSS background-attachment Property

http://www.w3schools.com/cssref/pr_background-attachment.asp

Definition and Usage

The background-attachment property sets whether a background image is fixed or scrolls with the rest of the page.

Default value:	scroll
Inherited:	no
Version:	CSS1
JavaScript syntax:	object.style.backgroundAttachment="fixed"

Property Values

Value	Description
scroll	The background scrolls along with the element. This is default
fixed	The background is fixed with regard to the viewport
local	The background scrolls along with the element's contents

배경 고정 예제 파일

배경고정_fixed.zip