html - 将图像添加到现有 Web 模板

Question

我正在尝试了解如何将背景图片添加到现有的 Web 模板，以便图片位于屏幕底部。

模板是:http://www.templatescreme.com/free-website-profi-admin 这里有一个演示:http://www.templatescreme.com/demo/profi-admin/170

不确定我是否可以用 fiddle 制作这个，所以我已经链接到模板示例。

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

通常我只是更改 body 上的 css 来指定图像:

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

显然这样做会删除现有图像。 有什么办法可以让两张图片出现在同一个屏幕上吗？

谢谢

更新FIDDLE添加了

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

Answer 1

#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;
}

像这样的东西应该可以工作。确保所有属性中的两个图像都有值。