html - 响应式导航栏隐藏其下方的元素

Question

我创建了一个响应式导航栏，但它使下面的元素，一个 Flexslider 插件，消失了。在我制作导航栏之前，下面的 Flexslider 会显示得很好，但现在却没有。导航栏的 z-index 为 2，所以我不知道问题出在哪里。我应该如何/我应该改变什么以允许 Flexslider 显示并且导航栏仍然响应？谢谢！

我的代码有点长，所以评论中有代码笔（由于某种原因它不会让我在这里发布它们）

这是一个没有响应式导航的网站链接，但它显示了 Flexslider：http ://bancroftmiddleschool.org

使用响应式导航链接到文件，但不显示 Flexslider：http ://bancroftmiddleschool.org/index%20copy.html

Answer 1

将 #navBar 中的位置 CSS 从 position:absolute; 到位置：相对；。

#navBar{
    position: relative;
    /* leave rest of the css unchanged */
}

希望这是想要的效果。