背景圖像的整個頁面

Question

喜上不會顯示我有我的WordPress網站的一個問題 - 我用這個CSS來改變頁面的背景：

。第-ID-689 #primary { 背景：網址（ 'http://www.gamekey.sk/wp-content/uploads/2015/09/thief-totalne.jpg'）無重複中心！重要;

-webkit-background-size：cover！important;

-moz-background-size：cover！important;

-o-background-size：cover！important;

background-size: cover !important; 

min-height:100% !Important; 

}

---

的問題是，背景不會顯示整個頁面（截圖）上。

我已經嘗試過：

。第-ID-287 #page_wrapper {身高：100％重要; margin：0px auto; }

---

HTML，身體{高度：100％}

---

我也嘗試最小高度設置爲100％ - 不會工作

!!!當我在#primary中將高度設置爲1200px時，問題就解決了，但是它在較低的分辨率下也會導致巨大的問題。有人可以幫我弄這個嗎 ？

Answer 1

你應該將所有的容器元素，以100％的高度下降到html元素http://prntscr.com/8o41id

Answer 2

background-size: cover;涵蓋了容器的大小。看看你的網站#primary id只會和它裏面的內容一樣大。如果您希望它具有與圖像相同的高度，以便覆蓋整個頁面，則需要設置實際高度值。嘗試添加height: 802px;，它會修復它，因爲這是圖像的高度。

如果你想要一個更優雅的解決方案添加此機體：

body { 
    background: url('http://www.gamekey.sk/wp-content/uploads/2015/09/thief-totalne.jpg') no-repeat center center fixed; 
} 

而且從.st-content刪除background-color。

如果您希望多個頁面具有不同的背景，您將需要創建一個獨立的包裝器，其中包含一個唯一的ID，該ID用於運行頁面的整個寬度和高度，而不管其內容。在背景大小

更多信息可以在這裏找到：http://www.w3schools.com/cssref/css3_pr_background-size.asp