我正在尝试创建一个带有居中背景图像的页面并使用位置中心。但是，不是在垂直和水平方向上居中显示，图像看起来会垂直延伸到页面顶部以外。我在哪里/为什么会出错？背景图像位置，中心不工作
<!DOCTYPE html>
<html>
<style>
body
{
background-image:url('tumbleweed.jpg');
background-repeat:no-repeat;
background-position:center center;
background-color:#EAEAEA;
}
</style>
</html>
您可以使用盖
background-image:url('tumbleweed.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
试试这个：
background-position: 50% 50%;
或者，也许你应该尝试的第一中心前的空间（可以是一个问题）。
这只是错误的。第一个值之前的空间不是问题。 – Mario 2017-11-27 15:37:55
很可能这是因为您的图片是大量使用background-size：cover;覆盖整个身体的背景
似乎在这里工作很好http://jsfiddle.net/rtw7h3ys/ – Akshay 2014-11-05 15:25:23