試圖讓div標籤擴展到瀏覽器的底部

現在即時我在我的身體標籤中使用一個大的居中圖像。試圖讓div標籤擴展到瀏覽器的底部

第一個圖像基本上是頭版會是什麼樣子。看起來很棒。

enter image description here

2圖像有一些內容並按下頁腳和整個頁面。但仍然看起來不錯。

enter image description here

這最後的圖像有很多的內容，並推動都記錄下來，甚至過去的身體背景圖像的高度。

enter image description here

所以我的想法太分裂你的第一圖片中看到顏色的變化，頁腳開始，在此背景下，並添加作爲頁腳DIV的背景。

但問題是，該部分的背景繼續在第一個圖像中的瀏覽器。如果我將BG放在頁腳DIV中，那麼它的高度必須是500px，這樣就會產生滾動條。

基本上我想把背景的下半部分放在我的頁腳DIV中，讓它像BODY一樣操作，因爲它不會創建滾動條。

我認爲這比我以前的解釋更清楚嗎？很難解釋！

來源

2011-03-20 Adam

你是在[粘滯頁腳]（http://ryanfait.com/sticky-footer/）之後？ – thirtydot 2011-03-20 20:33:20

沒有。頁腳將始終位於主內容框的正下方。 – Adam 2011-03-20 20:39:05

這個問題還不清楚。您不需要滾動條，並且不希望用戶看到背景的結尾。你想達到什麼目的。你的圖片和解釋很難理解。請重新提出這個問題。 – Hussein 2011-03-20 21:09:28

那麼在第一個屏幕截圖中，背景是一個大的圖像？是的，你需要分割背景。

現在讓我們假設這些事。

1）你定身黑色（這是顯示黑條的背景顏色是人體的背景，而不是圖像的一部分）

2.）你已經分割圖像，所以下半部分是在頁腳div的背景圖像。

您可以通過確保沒有邊距將頁腳div從瀏覽器窗口推開，並確保瀏覽器本身創建的任何默認頁邊距被重置，從而消除黑條。（即body {margin：0;}）但是，該欄仍然可以顯示在其他瀏覽器（通常爲Safari）中。一種解決方案是將<body>標籤的背景設置爲與頁腳標籤相同。儘管如此，這隻能用於可重複的圖像。

我想說你最好的選擇是將圖像的底部淡化成黑色，就像你在邊緣做的那樣。

您可以使用background: scroll;使內容在背景上滾動，但在不同分辨率下查看時仍然可以看到圖像的底部。

來源

2011-03-27 06:15:55 biggles

試圖讓div標籤擴展到瀏覽器的底部

回答

相關問題