javascript - 下拉列表不显示元素 Bootstrap 3

Question

我在使用 bootstrap 3 的下拉元素时遇到问题。它没有显示元素。 原因是因为我与“包装器”中的 css 发生冲突

#wrapper    { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }

您可能会说删除它并且它有效。但我不能那样做。我正在尝试做一个视差效果。这one更具体。

拥有这种风格是实现视差效果的一部分。我想更改顶部大小，但如果下拉列表包含更多元素，它就不会起作用。

我有一个 demo显示问题。

知道如何解决这个问题吗？

Answer 1

只需将以下样式添加到您的“divide-nav”类中:

.divide-nav {
    position: relative;
    z-index: 999;
}