2011-09-19 4 views
-3

내 배경 이미지를 센터 센터에 배치 할 수없는 이유를 알지 못합니다.배경 이미지 센터링?

도움 말?

+1

코드 없음 - 그냥 링크가 나쁨! –

+0

링크는이 경우 모두를 말합니다. 그래도 jsfiddle은 좋았을 것입니다. – GolezTrol

답변

1

코드를 작동 시키려면 html 요소의 높이를 100%으로 설정해야합니다. 현재 시체의 오프셋 높이가 0px입니다. 미래의 독자들에게

html, body { 
    height: 100%; 
} 

: 배경을 중심하려면, 사용에 대한
background-attachment: fixed;

this page를 참조하십시오 : 사용자가 스크롤, 사용이 때
background-position: center center;

가 같은 위치에 배경을 유지하려면 전체 참조.

1

background-position: 50% 50%으로 설정하고 요소에 height: 100%을 설정합니다. 높이가 필수적입니다. 그렇지 않으면 배경이 잘못된 공간의 가운데에 배치됩니다.

+0

이미 100 % 높이를 사용하지 않는 한'min-height'를 사용하기 때문에'html'을 변경해서는 안됩니다. –

+0

물론이 경우에는 높이가 지정되지 않았으므로 이것이 작동하지 않는 이유입니다. FireBug에서 사이트를 열고 스타일을 수정하여'html '의 높이 만이 여기에서 누락 된 것을 볼 수 있습니다. – GolezTrol

+0

나는 미래의 방문자를 언급하기 위해 그것을 말했다. –