2013-08-30 3 views
1

중간에 가운데에 위치해야하는 원 모양의 웹 사이트를 만들고 있습니다. 배경은 중심 이미지 주위에 원 안감으로 구성됩니다. 내 사이트를 전체 화면 (F11 바로 가기)으로 볼 때마다 내 화면의 해상도와 상관없이 완벽하게 중앙에 위치합니다.화면 해상도. 전체 화면 - 완벽합니다. 일반 화면 - 완벽하지 않음

전체 화면이 아닌 상태에서 내 사이트를 볼 경우 내 화면의 해상도가 배경을 약간 조정하여 완벽하게 중앙에 오지 않게합니다. 내 배경에 대한

나는이 코드로이 :이 문제를 해결할 수있는 방법이

* { 
padding:0; margin:0; 
} 

html, body { 
    height:100%; 
    width: 100%; 
    display: block; 
    background-color: #1a1207; 
    /* add font here */ 
    color: white; 
} 

body{ 
    background-image:url('../img/background.jpg'); 
    background-position: left; 
    background-repeat: no-repeat; 
    background-attachment: scroll; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -moz-background-position: fixed; 
    -o-background-size: cover; 
    background-size: cover; 
} 

있습니까?

답변

1

코드의 나머지 부분을 볼 수 없습니다하지만 당신은 중앙에있는 배경을 원한다면 당신이로 설정하지 않으 :

body{ 
    background-position: center; 
} 

현재 상황, 배경은 왼쪽에 맞춰 졌기 때문에 하나의 해상도 만 제대로 맞 춥니 다.

+0

자동으로 만들어지지 않습니다 : center center (centering?) – nlreturns

+0

당신이 원하는 것은 아닙니까? 또는 어쩌면 다음과 같은 것이 필요할 것입니다 : background-position : center top; –

+0

아, 그래, 내가 이걸 가지고 있다고 생각 했어. 그러나 문제는 여전히 남아 있습니다. – nlreturns