Css 扩展背景图像高度

我将css中的背景图像设置为

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

---

但是，这不会随着页面高度的增加而增加背景图像的高度。如何解决此问题？

将

repeat-x

更改为

repeat

，使其在水平和垂直方向上重复：

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

---

将

repeat-x

更改为

repeat

，使其水平和垂直重复：

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

---

Repeat-x只在水平方向上重复，您需要垂直方向，因此可以简单地使用“Repeat”（将垂直和水平重复）或 “重复-y”（垂直重复）

另外，如果你想清理你的css并且没有30个不同的选项来影响背景，那么就使用吧（我猜你使用的是像Dreamweaver这样的WYSIWYG编辑器来做你的css，我建议和IDE，我使用Aptana studio，但是有很多好的选项。这样会更容易避免“臃肿”样式表（如果避免所见即所得编辑器）

---

您也可以在其中输入颜色值。

Repeat-x仅水平重复，您需要垂直重复，因此可以简单地使用“Repeat”（将垂直和水平重复）或 “重复-y”（垂直重复）

另外，如果你想清理你的css并且没有30个不同的选项来影响背景，那么就使用吧（我猜你使用的是像Dreamweaver这样的WYSIWYG编辑器来做你的css，我建议和IDE，我使用Aptana studio，但是有很多好的选项。这样会更容易避免“臃肿”样式表（如果避免所见即所得编辑器）

您也可以在其中输入颜色值