2011-12-07 42 views
1

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

非常感谢!

戴夫

+0

你可以在你试过的东西上显示一些代码吗? – Pedryk

+1

从这里开始:http://ryanfait.com/sticky-footer/ – Niels

+0

@Pedryk我还没有尝试过任何东西,我只是想从概念上制定实现它的最佳方法! – deshg

回答

1

我明明没有仔细观察不够,可以真正地减少推DIV这将改变内容多少重叠页脚的高度,这是绝对完美的,感谢这么多让我再看一次!