background-attachment: fixed;
배경을 뷰포트에 대해 고정한다
←
곧, 해당 요소에 스크롤이 존재해도, 또 바깥 컨테이너 요소가 스크롤되어도 배경은 항시 자신의 자리를 고수하면서 미동도 하지 않는다!
background-attachment: scroll;
이 값(기본값)은 배경을 웹페이지 자체에 고정하며 해당 요소에 스크롤이 존재해도 배경은 함께 스크롤되지 않는다.
하지만, 웹페이지가 스크롤되면 함께 스크롤된다
←
곧, 웹페이지의 테두리에 배경 이미지가 부착되어 있다고 보면 된다!
background-attachment: local;
기본값인 scroll에서 간혹 부정확하게 움직이던 문제를 수정하기 위하여 Css에 추가된
local 값은 요소의 배경을 실제 요소의 컨텐츠에 부착한다.
따라서 웹페이지가 스크롤될 때도 요소의 배경은 스크롤되지 않는다
←
곧, 요소가 스크롤되어야 배경도 함께 스크롤된다!