배경 이미지를 설정하는 방법, 전체 화면으로 설정하는 방법, 페이지 뒷면에 설정하는 방법(HTML, CSS, JavaScript)

Question

내가 만든 이 간단한 게임의 배경 이미지를 설정하고 싶지만 이미지가 입력 화면 중앙에 오도록 하고 모든 페이지 높이와 너비를 덮는 방법을 모르겠습니다. 또한 게임이 이미지 위에 있고 이미지가 기본 레이어가 되도록 이미지를 배경으로 만들고 싶습니다.

으아아아 으아아아 으아아아

Answer 1

이 문제를 해결하는 한 가지 방법은 다음과 같습니다.

1단계: 게임용 컨테이너 만들기

으아아아 으아아아

2단계: 배경 이미지 추가

으아아아 으아아아

위 CSS는 이미지의 왼쪽 상단이 화면 중앙에 오도록 컨테이너를 밀어냅니다. 우리는 그것이 중앙에 있기를 원하므로 너비에 따라 이동해야 합니다:

으아아아

---

상위 컨테이너에 position:relative，因此任何具有 position:absolute가 있는 요소를 사용하여 해당 컨테이너를 기준으로 요소를 배치할 수 있습니다.

또한 z-index CSS 속성을 수정하여 요소에 "깊이"를 추가할 수도 있습니다.

Answer 2

배경을 이미지 태그로 사용해야 하는 경우가 아니라면 이 방법이 더 쉬운 방법입니다.

하늘과 같은 div를 추가하고 높이를 （100% - #ground 的高度）。添加此 div 会将

分数 div 一直推到底部。为了避免这种情况，请使用 position:absolute 定位

，然后添加 top: 0;로 설정합니다. 위치를 왼쪽 상단으로 변경합니다.

으아아아 으아아아