CSS body 배경 내용과 정렬되도록 가운데 정렬

Question

배경 이미지를 본문 가운데에 배치하려고합니다 (backgroundPosition). 그리고 나는 모든 내용 (텍스트, 표 ....)을 원합니다. 예를 들어 배경을 맞추기 위해 페이지에 추가 할 것입니다. 예를 들어, 페이지를 확대하면 배경 - 내용의 비율을 고려해야합니다.

나는 거의 모든 것을 시도해 보았고 가능한지, 배경 위치에 대해 왼쪽 상단 위치를 사용한 다음 float에 콘텐츠를 사용하는지는 알 수 없었다. 왼쪽 비율은 존중되지만 배경 중심으로 원한다면?

Answer 1

불행히도 페이지 크기를 조정할 때 배경 이미지가 움직이면 자바 스크립트를 사용해야합니다.

javascript가 옵션 인 경우 브라우저 창의 크기를 가져 와서 중심점을 계산하고 그에 따라 배경을 배치 할 수 있습니다. 는 CSS에서

Answer 2

:

을 절단 아니에요

background-position:center center; 

? 어딘가에 테스트 페이지를 올릴 수 있습니까?

Answer 3

당신은 할 수 : 이미 내 배경을 중심으로

background:url(path-here) center center;