Jquery 页脚不'；Don’不要停留在这一页的底部

我有一个网页，在上面我使用“超大”jquery插件来改变背景。我还有一个页脚，仅当我为其放置以下CSS时才会显示：

#footer{
    width: 100%;
    color: #ffffff;
    background: #000000;
    position: fixed;
    bottom: 0px;
    height: 40px;
    padding: 5px 0px 5px 0px;
}

然而，当发生改变窗口高度的事情时，页面内容会在页脚后面，当我向下滚动时，页脚不会停留在页面底部，而是向上滚动

例如，我有三个并排显示的div，但是当窗口的宽度调整到900px以下时，div会一个接一个地显示，因此窗口高度会发生变化。此时div位于页脚后面，并随页脚一起向上滚动

我试过

position:relative

和

position:static

，但是它甚至没有显示出来，即使z-index的值很高。我认为这个“不显示”是因为我使用的背景图像插件。当窗口改变高度时，我也尝试了一些jquery函数，但也没有结果。

---

有什么想法吗？提前感谢您……

如果您的目标是将页脚放在“页面内容”的底部并使其可见，那么我建议您在CSS中指定

高度：100%

您的

html

标记和

正文

标记。另一方面，如果您希望页脚停留在“浏览器窗口/视口”的底部，那么您将希望查找我帮助过的希望雅典娜

---

@athenacreations.org

如果您的目标是将页脚放在“页面内容”的底部并使其可见，那么我建议您在CSS中指定

高度：100%

您的

html

标记和

正文
标记。另一方面，如果您希望页脚停留在“浏览器窗口/视口”的底部，那么您将希望查找我帮助过的希望雅典娜

@athenacreations.org
以下是示例：


html{
身高：100%；
}
身体{
位置：相对位置；
最小高度：100%；
}
主要{
填充底部：30px；
}
页脚{
位置：绝对位置；
底部：0；
宽度：100%；
高度：30px；
}

标题
主要的
页脚
以下是示例：


html{
身高：100%；
}
身体{
位置：相对位置；
最小高度：100%；
}
主要{
填充底部：30px；
}
页脚{
位置：绝对位置；
底部：0；
宽度：100%；
高度：30px；
}

标题
主要的
页脚
fixed
将节保持在相对于窗口（而不是页面）的固定位置。这就是你想要的吗？如果您希望页脚始终位于页面的末尾，则应搜索“粘性”页脚。在这种情况下，您不能单独使用CSS，因为它取决于您的HTML的结构，而您在这里没有显示HTML的结构。
fixed
将节保持在相对于窗口（而不是页面）的固定位置。这就是你想要的吗？如果您希望页脚始终位于页面的末尾，则应搜索“粘性”页脚。在这种情况下，您不能单独使用CSS，因为它取决于您的HTML结构，而您在这里没有显示。