我希望有人可以帮助我解决一个 CSS 问题,我花了大半夜的时间试图弄清楚这个问题。如果有任何 CSS 专家可以帮助我,我将不胜感激。
在我们的网站 www.anchoring.com 上,我们实现了第三方搜索应用程序。不幸的是,即时搜索出现在我们的菜单栏下方。我试过使用 999999 的 z 索引,它仍然出现在菜单栏下方。请参阅我们的网站和下图:screenshot
导航容器类包含一个 z 索引属性。但是,即使我将 z 索引设置为比即时搜索中更高的数字,它仍会出现在容器下方。如果我从菜单栏中删除 z-index,即时搜索结果会出现在顶部(但它会与其他内容混淆)。
根据我的研究,如果元素相互嵌套,则可能会发生这种行为,但据我所知,它们并未相互嵌套。
有没有人知道为什么会这样和/或如何可能地纠正它?
最佳答案
您可以通过将 .nav-container 的 z-index 从 4 设置为 1 来获得您需要的结果
.nav-container {
z-索引:1;
}
关于css - 无法使用 Z Index 将元素强制到顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38045714/