如何在整個站點上顯示背景圖像

Question

想要在整個站點後面顯示200 * 200的背景。我有一個div,#sidebar，另一個div,#main，在body。我只想在#main上顯示背景。這是我寫的實現這一目標的CSS：

#main{ 
    background-image:url('images/bg02.png'); 
} 

它的工作原理，但是當你到達底部，那裏是沒有的內容，你可以看到默認的白色背景。要查看此信息，請參閱我的測試網站here，在搜索欄中輸入隨機字母，並注意現在看到白色背景，因爲#main中沒有內容。

即使沒有內容，我如何溢出背景以使其仍然可見？

Answer 1

爲了防止白體背景出現：

html, body { 
    height: 100%; 
} 

#main { 
    height: 100%; 
} 

對於高度：100％會對#main的效果，它的父也需要具有此設置（和它的父等），或者固定的高度。

您可以考慮將背景移至body。

Answer 2

您應該明確設置要用背景填充的元素的高度。

嘗試添加到您的CSS代碼如下

html, 
body, 
#main { 
    height: 100%; 
    }