带有2个图像的HTML背景

我有一张50像素宽，340像素高的照片。图片应该向左侧重复，但不能向下重复。然后我在我的页面顶部有一条带有这张图片的条纹。页面的其余部分（向下）应该是另一张图片

以下是我的声明：

background: url("images/bg.png") repeat-x scroll left top #2C9E2E;

但是现在我想把最后一块

#2C9E2

改成

url（“images/bg body.gif”）

，但它不起作用

我尝试了以下代码：

body{
    background: url("images/bg.png") repeat-x scroll left top url("images/bg-body.gif");
}

---

background

是多个声明的简写，而

url（“images/bg.png”）

和

2C9E2E

分别指定

背景图像和
背景颜色

要显示多个分层背景，需要用逗号分隔多个声明（
background:，
）。此外，颜色声明只能出现在最后一个背景层上

因此，如果您希望bg.png显示在bg-body.png的顶部，并在两者后面显示一个平面颜色，您可以使用：

background: url("images/bg.png") repeat-x scroll left top, url("images/bg-body.gif") #2C9E2E;

根据需要向第二个背景添加其他属性（例如重复/滚动/位置），如果不想在两幅图像后面添加颜色值，请删除颜色值


还要注意，IE8（）不支持多个背景。如果需要支持IE8或更高版本，则需要指定单个后台回退

background: url("images/bg.png") repeat-x scroll left top #2C9E2E;
background: url("images/bg.png") repeat-x scroll left top, url("images/bg-body.gif") #2C9E2E;

background
是多个声明的简写，而
url（“images/bg.png”）
和
2C9E2E
分别指定
背景图像和
背景颜色

要显示多个分层背景，需要用逗号分隔多个声明（
background:，
）。此外，颜色声明只能出现在最后一个背景层上

因此，如果您希望bg.png显示在bg-body.png的顶部，并在两者后面显示一个平面颜色，您可以使用：

background: url("images/bg.png") repeat-x scroll left top, url("images/bg-body.gif") #2C9E2E;

根据需要向第二个背景添加其他属性（例如重复/滚动/位置），如果不想在两幅图像后面添加颜色值，请删除颜色值


还要注意，IE8（）不支持多个背景。如果需要支持IE8或更高版本，则需要指定单个后台回退

background: url("images/bg.png") repeat-x scroll left top #2C9E2E;
background: url("images/bg.png") repeat-x scroll left top, url("images/bg-body.gif") #2C9E2E;

你应该发布你尝试过的代码。你是怎么换的？给我们看看你的代码。你应该发布你尝试过的代码。你是怎么换的？给我们看看你的代码。