DIV位置下DIV固定圖像與主要內容

我需要建立在固定位置的一個div我要在那裏放像一個div下與DIV位置下DIV固定圖像與主要內容

我已經把我的CSS header { margin-bottom: 310px; }的其餘內容在下面的空間中創建一個空白，其中將在下面固定的div id="background"中顯示我的img。

於是我創建了以下ID：

#background { 
position:fixed; 
width:100%; 
height:100%; 
top:130px; 
left:0; 
z-index: 1; 
overflow:scroll;

}

和

#content { 
width:100%; 
height:100%; 
top:60px; 
left:0; 
z-index:2; 
overflow:scroll;

}

的ID背景應該是在div在我的圖像將被放置在標題之後的空白區域l中，id內容是div wh以前我會有我的網頁內容，並從頂部開始。

這裏的頁面：http://fiddle.jshell.net/CGJmE/4/

我想達到的效果是完全這樣的：http://tommywebdesigner.com/Home%20Page.html 但使用div，以獲得更大的靈活性。我的問題是，我不能正確插入我的div id背景固定與圖像的位置。

我覺得在這個階段很簡單，你會怎麼做？

希望解釋清楚

來源

2012-09-12 Koala7

你需要做的，與背景位置：固定

我展示了在此的jsfiddle：http://fiddle.jshell.net/CGJmE/7/

祝你好運！

來源

2012-09-12 16:22:59

我不明白你爲什麼把overflow: scroll放在#background上，它什麼都不做，真的。
與#content上的overflow:scroll相同。這是多餘的。
一般來說，我不太明白你的問題是什麼：http://fiddle.jshell.net/CGJmE/6/
我在你指出的地方加了<div id="background"><img/></div>。
這當然還缺乏標題和內容的樣式。（我加background-color到.container，所以看起來不太難看）。
我假設你有那個地方？

如果您需要更多幫助，請詳細說明您的問題。

來源

2012-09-12 16:28:30 JustAPoring

是的，我非常接近，但圖像必須適合菜單欄上方和內容之前的空間。我已經再次更新http://fiddle.jshell.net/CGJmE/9/，它必須看起來像這樣http://tommywebdesigner.com/Vision%20General.html – Koala7

您鏈接的示例網站的工作方式不同。背景圖像比可見部分要大，但是當您滾動時，它也是固定的，以便看到不同的部分。如果你想讓圖片成爲箱子的大小，你想達到什麼效果？ – JustAPoring

我正好固定它以便看到一個部分，但是我想要達到這個效果，圖像必須適合在菜單欄的內部空間以及標題爲Vison General的內容之前，現在圖像也在頂部和底部。也許我需要在div id背景中打開其他div？我再說一遍，我們非常接近。我寄給你的鏈接是我想要達到的結果。 – Koala7

DIV位置下DIV固定圖像與主要內容

回答

相關問題