我正在嘗試創建一個帶有居中背景圖像的頁面並使用位置中心。但是，不是在垂直和水平方向上居中顯示，圖像看起來會垂直延伸到頁面頂部以外。我在哪裏/爲什麼會出錯？背景圖像位置，中心不工作
<!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