페이지 이동시 배경 이미지 이동

Question

페이지를 위아래로 스크롤 할 때 배경 이미지를 이동하는 방법이 있습니까? 위아래로 스크롤 할 때마다 배경 이미지가 그대로 유지되지만 이미지를 이동하려면 페이지가 가능한가?

Answer 1

background-attachment?

모질라 문서 : https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment

Answer 2

단순히 fixed에 첨부 파일을 설정합니다.

background-attachment:fixed; 

이미지가 큰 경우 background-size을 사용할 수 있습니다. 예를 들어 :

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}- 

background-size은 당신을 알려줍니다 무엇을한다. cover을 속성으로 사용하면 배경 이미지가 전체 배경을 채우도록 크기가 조정되므로 화면보다 큰 이미지를 사용할 때 스크롤바가 제거됩니다.