如何設置與主要內容重疊的粘性頁腳背景？

Question

我正在建立一個網站，底部有一個背景圖片。如果頁面內容很短，它應該實際上是一個粘滯的頁腳，它位於視口的底部，但如果內容較長，則會在視口底部下方移動。這可以做到沒有問題，但我希望內容能夠重疊頁腳圖像到某一點。因此，例如，如果頁腳圖像的高度爲100像素（並且內容足夠長），我希望頁腳粘貼到視口的底部，內容與80px重疊（底部留下20px的間隙）。如果內容比這長，那麼頁腳應該向下移動到視口底部下方，以便內容底部和頁腳結尾之間仍有20px的空間。我可能很愚蠢，但我無法弄清楚如何做到這一點，如果有人能指出我的方向是正確的，我會非常感激的。

非常感謝！

戴夫

Answer 1

我明明沒有仔細觀察不夠，可以真正地減少推DIV這將改變內容多少重疊頁腳的高度，這是絕對完美的，感謝這麼多讓我再看一次！