중심이 아닌 창 중앙에 배치 된 가운데 배경

Question

body 요소에 배경이 연결되어 있고 그 밖의 모든 기능이 제대로 작동하지만 창 너비가 body 인 min-width보다 작 으면 백그라운드가 배경에 있음을 발견했습니다. 사실은 body 요소 대신 창 중앙에 위치합니다.

min-width 속성이 작동한다는 것을 Chrome의 요소 검사기에서 확인했습니다 (가로 스크롤 막대에서도 분명합니다). 배경은 중심에 맞지 않습니다.

저는 최신 소비자 Chrome을 실행하고 있습니다. 이 버그는 브라우저 버그입니까? (저에게 그런 냄새가납니다.) 나는 그것을 어떻게 피할 수 있습니까?

나는 피들을 만들었습니다. http://jsfiddle.net/FXyMz/ — 결과 창의 너비가 250 픽셀보다 작게 표시됩니다.

Answer 1

body 요소는 특별한 경우이므로 원하는대로 작동하지 않습니다.http://www.w3.org/TR/css3-background/#special-backgrounds

가장 좋은 방법은 아마 또 다른 레이어를 배치하는 것입니다 :

는에
"루트 요소의 배경은 캔버스의 배경과 그 배경 그림 영역이 전체 캔버스를 충당하기 위해 확장된다" 몸 안에서 행동하기를 기대하는 방식으로 행동하십시오.

여기 : http://jsfiddle.net/7mVNL/1/은 부분적인 해결책입니다. 래퍼 (wrapper)가 원하는대로 뷰포트 바닥으로 내려 가지 않습니다.