html - 网站顶部和底部的独立背景图片？

Question

我想在我的网站的顶部和底部有单独的背景图片，但似乎不太确定。我希望图像保留在页面的绝对顶部和底部。下面是一张网站模型的照片，以及一张带有尺寸的背景照片。

模型没有显示，但底部会有文本链接和版权信息。您可以在 www[dot]dev[dot]arbitersoflight[dot]net 上找到我失败的编码尝试

模型img683[点]imageshack[点]us/img683/4502/mocky[点]jpg

背景img233[点]imageshack[点]us/img233/1293/94210454[点]jpg

注意:每个背景都是 1200x400。

编辑:在这一点上，我可以让两张图片毫无疑问地显示出来，问题是让底部图片贴在浏览器窗口的绝对底部。看来它目前处于固定位置。下面是我的 CSS 和 HTML..

更新(已解决):我最终通过根据本指南修改我的代码解决了这个问题:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/感谢大家的所有建议。

Answer 1

您可以使用第二张图片作为主体背景，也设置颜色，并将第一张图片作为容器的背景。反之亦然，但请记住对齐背景，如果切换，请注意容器的高度。

正文和 html 背景(如 zzzzBov 和 nemophrost 的建议)在我的 Firefox 中不起作用...

body {
    background: #DDD url('2.png') no-repeat center bottom;
}
.container {
    background: url('1.png') no-repeat center top;
}