Bootstrap 3粘性页脚reval z-index问题

Question

欢迎所有社区

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

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

你会看到在最后一部分下方露出揭示揭示的页脚

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

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

我努力找到它，但现在我已经处于循环状态，所以我肯定太盲目看不到它:-)即使它会站在我面前： - ）

This is my test page

正如您所看到的，尽管页脚的z-index值为-101，但页脚仍位于内容之上。

能否帮助它成功？

谢谢

[解决] 主要问题是由于主要和缺失的容器中没有背景 所以我已经

了

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

这允许这个漂亮的脚本与bootstrap 3和jquery 2一起使用，提供一个漂亮的滑出粘性页脚

Answer 1

你做得很好。问题是您的content是透明的。为您的内容提供背景颜色并将显示更改为阻止，您将看到效果。

content{
    background-color: orange;
    display: block;
}

Answer 2

您必须向容器提供comment = Ecto.build_assoc(user, :comment, Map.from_struct comment) ：

background