본문이 아닌 div의 표지 속성을 사용하여 배경 이미지를 설정하려면 어떻게해야합니까?

Question

뷰포트의 크기 인 전체 배경 이미지를 갖고 싶은 div가 .cover-section입니다. 커버 CSS 속성을 사용하고 싶습니다. 페이지의 본문에 대해이 작업을 수행 할 수 있지만 콘텐츠를 추가하고 스크롤하려고하면 이미지가 배경으로 유지됩니다. 이미지가 내용과 함께 스크롤되기를 원합니다. 이것은 내가 지금까지 가지고있는 것입니다 :

.cover-section { 
    background-image: url('../images/cover.jpg'); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed; 
} 

내가 원하는 것을 어떻게 할 수 있습니까?

Answer 1

제거하면 이미지가 콘텐츠를 스크롤하려면이 라인
background-attachment: fixed;