background-attachment: fixed;
백그라운드 이미지가 스크롤 되지 않는다.
브라우저를 스크롤 하면서 이미지는 움직이지 않지만, 이미지 보다 위에 있는 요소들이 움직이면서, 마스크 기능을 낼 수 있다.
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-attachment_fixed
Tryit Editor v3.6
.fixed-bg { background-image: url("img_tree.gif"); min-height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } In this example, we have created a fixed background image that will dis
www.w3schools.com
scroll : 백그라운드 이미지가 스크롤 된다. 기본 값.
local : 백그라운드 이미지가 요소들의 컨텐츠와 함께 움직인다. scoll 과 동일한 효과.
initial : 설정한 속성 값을 기본 값으로 바꾼다. 초기화 느낌.
'HTML5&CSS3' 카테고리의 다른 글
| Layout - float (1) | 2020.10.20 |
|---|---|
| HTML : data-* 태그 (0) | 2020.09.12 |
| CSS Global 변수 사용법 (0) | 2020.09.12 |
| CSS 중앙정렬 몇 가지 기법 (0) | 2020.09.12 |
| CSS 박스모델 (0) | 2020.09.11 |
