如何在整个页面上重复一个小的背景图像？

Question

I want to set page background image my css code is-

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

but the image size is not as large as web page thats a thin strip only and gradient color too.so how can i repeat the image so that it will occupy whole background?As I said it is gradient so I can't hardcore the background color.

Answer 1

See demo here.

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

More Info:

http://www.w3schools.com/css/css_background.asp

Answer 2

You could use this background: #000000 url(images/body_bg.jpg) repeat-x top; And replace #000000 with the color, which ends your gradient.