Html 将图像添加到现有web模板

我正在尝试解决如何将背景图像添加到现有的web模板中，使图像位于屏幕底部

模板为： 这里有一个演示：

不确定我是否能在小提琴上做到这一点，所以我已经链接到了该模板的示例

模板已经有一个背景图像（bg.gif），它是屏幕顶部的黑色和灰色横幅。我想保留它们，但添加另一个以替换屏幕下方的灰色背景

通常，我只需更改主体上的css来指定图像：

background:url('bg.jpg') 100% 100% no-repeat; background-attachment:fixed; background-position:bottom; background-size:contain;

显然，这样做将删除现有图像。 有没有办法在同一个屏幕上获得这两个图像

谢谢

添加了更新

---

我添加了一个显示问题的提琴。波浪应该位于屏幕底部，并填满整个宽度

#divid {
    background-image: url(../images/bg.gif), url('../images/bg.jpg');
    background-position: left top, bottom;
    background-repeat: repeat-x, no-repeat;
    background-attachment: initial, fixed;
    background-size: initial, contain;
}

这样的办法应该行得通。确保在所有属性中都有两个图像的值

---

这样的办法应该行得通。确保在所有属性中都有这两个图像的值。

我已经完成了这项工作，方法是保留现有（原始）图像，创建一个100%x 100%的DIV，然后对其应用背景图像

我用过：

.test {
    position:fixed;
    padding:0;
    margin:0;
    width: 100%;
    height: 100%;
    background:url('../images/bg.jpg') 100% 100% no-repeat; 
    background-attachment:fixed; 
    background-position:bottom; 
    background-size:contain; }
}

这似乎让它得以运作

---

谢谢

我已经完成了这项工作，方法是保留现有（原始）图像，创建一个100%x 100%的DIV，然后对其应用背景图像

我用过：

.test {
    position:fixed;
    padding:0;
    margin:0;
    width: 100%;
    height: 100%;
    background:url('../images/bg.jpg') 100% 100% no-repeat; 
    background-attachment:fixed; 
    background-position:bottom; 
    background-size:contain; }
}

这似乎让它得以运作

---

谢谢

是的，在背景图像中添加另一个url:url（'bg.jpg'）、url（'bg1.jpg'），然后调整这些位置，重复。有人有什么想法吗？我仍在努力让它工作。是的，在背景图像中添加另一个url:url（'bg.jpg'）、url（'bg1.jpg'），然后调整位置，重复。有人有什么想法吗？我仍在努力工作。谢谢，我的第一张图片需要是：

background:url（../images/bg.gif）repeat-x左上方

，第二张

background:url（'../images/bg.jpg'）100%100%不重复；背景附件：固定；背景位置：底部；背景尺寸：包含我如何应用它？我可以在屏幕上看到这两个图像，但第二个图像不在底部或填充较低的区域。谢谢，谢谢你，这和我一样。我认为问题在于身体的宽度和高度。但我不知道如何改变它并保持布局完整。我添加了一个显示问题的小提琴。波浪应该在屏幕底部并填满整个宽度。谢谢，我的第一张图像需要是：
background:url（../images/bg.gif）repeat-x左上方
和第二张
background:url（'../images/bg.jpg'））100%100%不重复；背景附件：固定；背景位置：底部；背景尺寸：包含我如何应用它？我可以在屏幕上看到这两个图像，但第二个图像不在底部或填充较低的区域。谢谢，谢谢你，这和我一样。我认为问题在于身体的宽度和高度。但我不知道如何改变它并保持布局完整。我添加了一个小提琴来显示问题。波浪应该在屏幕底部并填满整个宽度。