背景圖像垂直重複爲一個div

我想重複垂直div的背景圖像，直到頁面的底部。背景圖像垂直重複爲一個div

#repeat { 
    background: url(repeat-image.png) repeat-y; 
    height: 100%; /* this does not work, but height: 1024px; does */ 
}

這是行不通的。我需要根據我所擁有的頁面設計來做到這一點。這可以做到嗎？

至於維克拉姆

嘗試設置height:100%爲您<body>和<html>了。如果您的網頁上除了此div以外沒有任何內容，則在沒有這些設置的情況下，100％的高度將爲0px。

2010-06-09 08:18:42 oezi

我沒有試圖設置HTML的高度，這就是爲什麼它不工作，我猜。非常感謝。 – vikmalhotra 2010-06-09 09:17:18

對於網頁，高度是一件有趣的事情。由於網頁垂直展開，因此頁面的總高度實際上可能爲0.您可以考慮對每個至少需要一定高度的元素使用最小高度。您可以使用高度：100％來填充父項的整個高度。

2010-06-09 10:00:27 kainosnous

不錯的主意。會嘗試。 – vikmalhotra 2010-06-09 11:28:12

回答