CSS如何水平重復背景圖片並始終將其放在網頁底部？

Question

我是CSS的新手，正在嘗試一些選擇。 我希望在網頁底部水平重復一個名為“ toplayer.jpg”的圖片。 我在外部樣式表中使用了此代碼。 該模式水平重復...但是它浮動到頁面的頂部。

body {
    background-image: url("../Images/toplayer.jpg");
    background-position: bottom;
    background-repeat: repeat-x;
}

對於這個菜鳥的任何建議，將不勝感激。 謝謝。

Answer 1

您的背景聲明應該可以正常工作，我想問題是body標簽沒有高度：

 html,body { height: 100%; } body { background-image: url("https://farm9.staticflickr.com/8760/17195790401_ceeeafcddb_o.jpg"); background-position: bottom; background-repeat: repeat-x; }