css - 无法使用 Z Index 将元素强制到顶部

Question

我希望有人可以帮助我解决一个 CSS 问题，我花了大半夜的时间试图弄清楚这个问题。如果有任何 CSS 专家可以帮助我，我将不胜感激。

在我们的网站 www.anchoring.com 上，我们实现了第三方搜索应用程序。不幸的是，即时搜索出现在我们的菜单栏下方。我试过使用 999999 的 z 索引，它仍然出现在菜单栏下方。请参阅我们的网站和下图:screenshot

导航容器类包含一个 z 索引属性。但是，即使我将 z 索引设置为比即时搜索中更高的数字，它仍会出现在容器下方。如果我从菜单栏中删除 z-index，即时搜索结果会出现在顶部(但它会与其他内容混淆)。

根据我的研究，如果元素相互嵌套，则可能会发生这种行为，但据我所知，它们并未相互嵌套。

有没有人知道为什么会这样和/或如何可能地纠正它？

Answer 1

您可以通过将 .nav-container 的 z-index 从 4 设置为 1 来获得您需要的结果

.nav-container {
z-索引:1；
}