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

时间:2011-12-07 14:51:54

标签: html css position footer sticky-footer

我正在建立一个底部有背景图片的网站。这实际上应该是一个粘性页脚,如果页面内容很短,它将位于视口的底部,但如果内容较长,它将在视口底部下方移动。这可以毫无问题地完成,但我希望内容能够将页脚图像重叠到某个点。因此,如果页脚图像的高度为100px(并且内容足够长),我希望页脚粘贴到视口底部,内容与其重叠80px(底部留下20px的间隙)。如果内容长于此值,则页脚应向下移动到视口底部以下,以便在内容底部和页脚末端之间仍有20px的空间。我可能是愚蠢但我无法弄清楚如何做到这一点,如果有人能指出我正确的方向,我将非常感激?

非常感谢!

戴夫

1 个答案:

答案 0 :(得分:1)

  

我显然看起来不够紧密,你实际上可以减少推送div的高度,这将改变内容与页脚重叠的程度,这绝对是完美的,非常感谢让我再看一眼! / p>