标题固定为页脚

Question

我创建了fiddle标题，内容和页脚。

你可以看到页眉和页脚的CSS是类比的。页脚行为符合我的要求但是 滚动时标题与文本冲突。

你知道出了什么问题吗？

谢谢

Answer 1

只需在z-index上添加#header值即可。

演示：jsfiddle.net/Jua3j/22

此外，请不要忘记#content padding-bottom足以清除#footer的高度。

Answer 2

由于您的内容div位于标题之后，因此默认情况下其z-index为“更高”，因此滚动时它将位于标题的“顶部”。

添加

z-index:1000;

到你的标题css。