包裝div外部的背景圖像，位於頁面底部

我需要在頁面底部放置一個水平背景圖像。我的工作正常授予div「包裝」充滿了大量的內容和用戶滾動條出現。包裝div外部的背景圖像，位於頁面底部

問題出現在一些內容很少的頁面上，並且包裝div很短，我需要將圖片保留在底部。

樹形象只需要在底部有故障的頁面。當wrapper div擴展傳遞給用戶的分辨率時，這又不成問題。

預先感謝您。

2011-04-25 Lsdafjklsd

設置你的頁腳DIV下面的CSS：

position: absolute; 
bottom: 0; 
right: 0; 
left: 0;

確保它是你的其他的div之前聲明，使得它在z指數最低。

來源

2011-04-25 05:04:56 GAgnew

我不能得到這個正確實現。當你說頁腳div時，你的意思是背景圖像的div嗎？無論內容的數量多少，這個解決方案是否基本上迫使一個短的div延伸到底部？道歉 – Lsdafjklsd 2011-04-25 05:27:22

當我說的頁腳div，我的意思是任何div包裝頁腳圖像。我這樣說是因爲我們都知道你使用了正確的風格並將你的頁腳包裹在一個div中。另外，不，這不是拉伸任何東西。這是'浮動'你的div到底部。它將保留您設置的任何高度，但它會在頁面的兩側拉伸寬度。 – GAgnew 2011-04-25 05:29:55

工作，謝謝格雷格！ – Lsdafjklsd 2011-04-25 05:47:36

移動底部圖像div來右下角的身體緊貼前做：

<div id="bottomimage" style="position:absolute;bottom:0;right:0;left:0;z-index:-10;position:fixed;">

正是這樣做：

position: absolute;bottom: 0;right: 0;left: 0;

沒有做到這一點，我在Firefox。

來源

2011-04-25 05:50:25 Jason

包裝div外部的背景圖像，位於頁面底部

回答

相關問題