Question

我目前有一个特定高度和宽度的图像，我如何设置一个特定的颜色在图像下无休止地运行。

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

我想将背景颜色设置在背景图像之下，而不是整个页面，而只是在它之下。

更新

html有背景色：#red

body background-image：.png image＆amp; background-color：#fff;

我希望背景颜色不会溢出html颜色，这是顶部，只是在身体的背景图像下溢出。

Answer 1

使用以下代码：

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

Answer 2

试试这个

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

FIDDLE DEMO

或

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

使用此一行代码

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

DEMO

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

更新

3 个答案: