扩展背景图像高度

Question

我在css中设置背景图片为

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

但是，随着页面高度的增加，这不会增加背景图像的高度。怎么解决这个问题？

Answer 1

将repeat-x更改为repeat，以便水平和垂直重复：

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

Answer 2

重复-x只能水平重复，你需要垂直，所以要么只使用“重复”（将垂直和水平重复）或 “repeat-y”（垂直重复）

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

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

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