html - 如何设置与主要内容重叠的粘性页脚背景？

Question

我正在构建一个底部有背景图片的网站。这应该是一个有效的粘性页脚，如果页面内容较短，它位于视口(viewport)底部，但如果内容较长，它会向下移动到视口(viewport)底部下方。这可以毫无问题地完成，但我希望内容能够与页脚图像重叠到某个点。因此，例如，如果页脚图像的高度为 100px(并且内容足够长)，我希望页脚贴在视口(viewport)的底部，内容与它重叠 80px(在底部留下 20px 的间隙)。如果内容比这个长，那么页脚应该向下移动到视口(viewport)底部下方，这样内容底部和页脚末端之间仍然有 20px 的空间。我可能很愚蠢，但我不知道该怎么做，如果有人能指出我正确的方向，我将不胜感激？

非常感谢!

戴夫

Answer 1

I obviously didn't look closely enough, you can actually just decrease the height of the push div which will change how much the content overlaps the footer, that's absolutely perfect, thanks for so much for making me take another look!