背景圖片和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. 位置：絕對+高度：1000像素-顯示完整圖像，但強制頁面滾動

任何想法？

謝謝

Answer 1

在主體本身上設置背景。 CSS3允許您設置多個背景，以防萬一。 盡管這在IE8及更高版本中不起作用。

[編輯]

由於這在您的頁面中不起作用，請嘗試將bgimage div設置為頁面內容的容器，而無需指定確切的高度。 將最小高度設置為100% 。

這樣，它應該調整頁面內容的大小。 它將始終到達窗口的底部，並且在不需要滾動條時不會強制滾動條。 如果內容小於窗口高度，則最小高度會使div填充窗口。

Answer 2

使用背景附件：固定； 它將隨頁面滾動。