CSS를 사용하여 배경 이미지가 세로로 움직이지 않음

Question

h1{ 
    text-align:center; 
    color:black; 
} 
body{ 
    background-image:url(macOS_wallpaper.jpg); 
    background-repeat:no-repeat; 
    background-position: 0% 50%; 
} 

사용하고 싶은 이미지가 있습니다. 그것은 수평으로 원하는 방식으로 배치되지만 수직으로 전혀 움직이지 않습니다 (이미지를 아래로 이동하고 싶습니다). px 및 %를 사용하여 이미지를 이동하려고 시도했지만 움직이지는 않습니다.

내 이미지를 아래로 이동하기 위해 y- 구성 요소를 조정하려면 어떻게해야합니까?

Answer 1

사용 :

.class { 
 
    background-image: url('something.jpg'); 
 
    background-repeat: no-repeat; 
 
    background-attachment: fixed; 
 
    background-position: 0% 50%; 
 
}

Answer 2

background-attachment: fixed;을 본문 스타일에 추가하십시오.