기본적으로 이것은 다른 질문과 비슷하게 들리지만 내 말을 들어주세요. 내가 원하는 것은 한 장의 사진을 거기에 붙이고, 이해하는 데 문제가있는 경우 스크롤 할 수있는 예입니다. www.starwars.com
자세히 보시면 공간 배경이 고정되어 있고 스크롤 할 수있는 요소 (동영상 및 이미지)가 있음을 알 수 있습니다.
모든 종류의 도움을 주시면 감사하겠습니다.
내가 생각하는 것은 CSS 배경 첨부입니다.
큰 배경 이미지가 있다고 가정합니다 background.webp
.이 예에서는이 이미지를 호출합니다 . CSS에 다음과 같이 넣을 수 있습니다.
body {
background-image: url("background.webp");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
이렇게하면 이미지가 배경 ( background-image
) 으로 설정 되고, 콘텐츠와 함께 스크롤되지 않도록 잠그고 ( background-attachment
), 이미지를 중앙에 배치 ( background-position
), 반복 방지 ( background-repeat
), 전체 뷰포트를 덮도록 크기를 조정합니다 ( background-size
). .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다