jquery - Bootstrap 3 sticky footer reval z-index 问题

Question

大家好

[已解决] 为了便于阅读，下面提供了步骤

我正在尝试实现此结果(请参阅以下演示并滚动到页面底部) http://iainandrew.github.io/footer-reveal/

您会看到将显示 unveil 的页脚在最后一部分下方显示

这是这个有用脚本的来源 https://github.com/IainAndrew/footer-reveal

不幸的是，我试图找到一种解决方案使其在 bootstrap 3 基本页面(页眉、主页、页脚)中工作，但看起来需要一个技巧才能使 z-index 正常工作。

我努力寻找它，但现在我陷入困境，所以我肯定太盲目了，看不到它 :-) 即使它会站在我面前 :-)

This is my test page

如您所见，页脚位于内容之上，尽管它的 z-index 值为 -101。

你能帮忙让它工作吗？

谢谢

[解决方法]主要问题是由于主容器中缺少背景而导致的所以我已经

1. 添加了一个我称之为wrapper的div
2. wrapper div 在 body 标签之后开始，在页脚之前关闭
3. 我给了包装一个纯白色的#FFF 背景

这允许这个很好的脚本与 bootstrap 3 和 jquery 2 一起工作，提供一个很好的滑出粘性页脚

Answer 1

你必须给你的容器一个背景:

.container {
    background: #fff;
}