背景图像和div定位？

Question

我有以下结构：

<div id="wrap">
   <div id="container">
       <div id="header">
       </div> <!--close header-->
       <div id="main">

… etc

我正在尝试显示一个背景图片，该图片将显示图片的整个高度，但不会强制页面因此而滚动，但会滚动显示页面内容。

我在#container div的开始标记后面放了一个#bgimage div，我尝试了以下CSS：

1. 位置：固定+高度：100％ - 显示图像的完整高度，但不会随页面内容滚动

2. 位置：绝对+高度：100％ - 滚动页面但截断页面内容结束的图像

3. 位置：绝对+高度：1000px - 显示完整图像但强制页面滚动

有什么想法吗？

由于

Answer 1

在身体上设置背景。 CSS3允许您设置多个背景，以防您已经拥有一个背景。虽然这在IE8及之前不起作用。

[编辑]

由于这在您的页面中不起作用，请尝试使bgimage div成为页面内容的容器，而不指定确切的高度。将最小高度设置为100%。

这样，它应该调整页面内容的大小。它将始终到达窗口的底部，并且在不需要时不会强制滚动条。如果内容小于窗口高度，则min-height会使div填充窗口。

Answer 2

使用background-attachment：fixed;它将滚动页面。