배경 이미지 위치, 센터가 작동하지 않습니다.

중심에 위치 된 배경 이미지와 위치 센터를 사용하여 페이지를 만들려고합니다. 그러나 이미지가 세로 및 가로로 가운데에 표시되는 대신 이미지가 페이지 위쪽으로 세로로 표시됩니다. 어디서/왜 내가 잘못 가고있는거야?배경 이미지 위치, 센터가 작동하지 않습니다.

background-position: 50% 50%;

을 또는 어쩌면 당신은이 될 수있다 (첫 번째 센터 앞에 공백을 시도해야합니다 :

<!DOCTYPE html> 
<html> 
<style> 
body 
{ 
background-image:url('tumbleweed.jpg'); 
background-repeat:no-repeat; 
background-position:center center; 
background-color:#EAEAEA; 
} 
</style> 
</html>

출처

2014-11-05 Sally

잘 작동하고있는 것 같습니다. http://jsfiddle.net/rtw7h3ys/ – Akshay

당신은 커버를 사용할 수 있습니다

background-image:url('tumbleweed.jpg'); 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;

http://jsfiddle.net/ou10gmfd/

출처

2014-11-05 15:22:20