如何在整个页面中重复一个小背景图像？答案

【问题标题】：how to repeat a small background image througout the page?如何在整个页面中重复一个小背景图像？
【发布时间】：2010-06-20 18:08:48
【问题描述】：

我想设置页面背景图片我的css代码是-

background:url(images/body_bg.jpg) repeat-x top;

但是图像大小没有网页那么大，网页只有一个细条和渐变色。所以我怎样才能重复图像以使其占据整个背景？正如我所说的它是渐变的，所以我不能硬核背景颜色。

【问题讨论】：

【解决方案1】：

See demo here.

background:url(images/body_bg.jpg) repeat left top;

【讨论】：

【解决方案2】：

你可以使用这个background: #000000 url(images/body_bg.jpg) repeat-x top; 并将#000000 替换为颜色，结束渐变。

【讨论】：