css - 粘性页眉和页脚

Question

我试图在我的模板上添加一个粘性页眉和页脚，这可行，但我有一个问题，即 id="page"并不总是在页眉下方滚动!

这是网站，http://zmgc.net/

例如，我发现具有 position="relative"的元素存在问题，例如选项卡和“Patricia signed...”框项。

.box ul.supports-list li.last {
   width: 200px;
   position: relative;
   float: left;
}

如何修复 id="page"以便其中的所有元素始终在页眉和页脚下滚动？

Answer 1

像这样为标题设置 z-index:

#hd{
z-index: 10000;
}