在背景图像下重复背景颜色

Question

I currently have an image that is a specific height and width, how would I set a specific color to run endlessly under the image.

body {
    background-image: location;
    background-color: #fff;
}

I'd like to background-color to be below the background-image and not all over the page but just under it.

update

html has background-color: #red

body background-image: .png image & background-color: #fff;

I'd like the background-color to not overflow the html color which is the top and just overflow under the background-image from the body.

Answer 1

使用以下代码：

background:#ffffff url(ImageUrl) no-repeat;

Answer 2

Try this

background:red url(../img/s.jpg) no-repeat center top;

FIDDLE DEMO

or

background-color: red;/*...background colour..*/
background-image: url(../img/s.jpg);/*...image source...*/
background-position: center top;/*...position of background image...*/
background-repeat: no-repeat;/*...it will avoid repetition of image..*/

FIDDLE DEMO

Answer 3

Use this one line code

body{
    background:#ffffff url('img_tree.png') no-repeat right top;
}