답변
코드를 작동 시키려면 html
요소의 높이를 100%
으로 설정해야합니다. 현재 시체의 오프셋 높이가 0px입니다. 미래의 독자들에게
html, body {
height: 100%;
}
: 배경을 중심하려면, 사용에 대한
background-attachment: fixed;
this page를 참조하십시오 : 사용자가 스크롤, 사용이 때
background-position: center center;
가 같은 위치에 배경을 유지하려면 전체 참조.
background-position: 50% 50%
으로 설정하고 요소에 height: 100%
을 설정합니다. 높이가 필수적입니다. 그렇지 않으면 배경이 잘못된 공간의 가운데에 배치됩니다.
이미 100 % 높이를 사용하지 않는 한'min-height'를 사용하기 때문에'html'을 변경해서는 안됩니다. –
물론이 경우에는 높이가 지정되지 않았으므로 이것이 작동하지 않는 이유입니다. FireBug에서 사이트를 열고 스타일을 수정하여'html '의 높이 만이 여기에서 누락 된 것을 볼 수 있습니다. – GolezTrol
나는 미래의 방문자를 언급하기 위해 그것을 말했다. –
- 1. 센터링 문제
- 2. CSS 수직 센터링 분할 배경 이미지가 중복되지 않음
- 3. 이미지 맵의 배경 이미지
- 4. 배경 이미지
- 5. 이미지 배경
- 6. 배경 이미지
- 7. 이미지 대 UIButton의 배경 이미지
- 8. 여러 이미지 선택 배경 이미지
- 9. 센터링 된 배경 이미지의 뷰포트 축소를 피하려면 어떻게해야합니까?
- 10. 센터링 된 MDI 폼 배경 이미지를 올바르게 처리하는 방법
- 11. 센터링 문제
- 12. 센터링 인라인리스트
- 13. 절대적으로 큰 테이블 센터링
- 14. tabcontrol winforms의 배경 이미지
- 15. 배경 이미지 또는 색상 ++
- 16. Java 애플릿의 배경 이미지
- 17. 배경 이미지 및 로고
- 18. tile 배경 이미지 css
- 19. 탐색 모음 배경 이미지
- 20. 배경 이미지 너비를 얻으려면
- 21. 배경 이미지 창
- 22. LWUIT : 양식의 배경 이미지
- 23. 배경 이미지 fadeIn 문제
- 24. GWT CSS 배경 이미지
- 25. 본문 배경 이미지 링크
- 26. LinearLayout의 배율 배경 이미지
- 27. 배경 이미지 연결
- 28. 는 "센터"배경 이미지
- 29. 재설정 CSS 배경 이미지
- 30. UIProgressView 배경 이미지
코드 없음 - 그냥 링크가 나쁨! –
링크는이 경우 모두를 말합니다. 그래도 jsfiddle은 좋았을 것입니다. – GolezTrol