延長的背景圖像高度

Question

我在CSS設置背景圖片爲

body{ 
background-image: url('image.jpg'); 
background-repeat: repeat-x; 
} 

然而，這並不會增加背景圖片頁面高度的高度增加。這怎麼解決？

Answer 1

重複-X僅重複水平，你要垂直，這樣既可以使用簡單的「重複」（將垂直和水平重複）或 「重複-Y」（垂直重複）

此外，如果你想清理你的CSS，而不是有30個不同的選項來實現的背景只是使用（我猜您使用的是所見即所得的編輯器像Dreamweaver做你的CSS，我會建議和IDE，我使用Aptana工作室，但是e有很多很好的選擇。它會更容易避免「臃腫」的樣式表，如果你避免所見即所得的編輯器）

body{ 
background: url('image.jpg') repeat-y center top; 
} 

您可以在那裏丟的顏色值，以及。

Answer 2

變化repeat-x到repeat，使其水平和垂直方向重複：

body{ 
background-image: url('image.jpg'); 
background-repeat: repeat; 
}