我希望有人可以帮我解决一个CSS问题，我已经花了很多时间试图找出答案。如果任何CSS大师能帮助我，我将非常感激。
在我们的网站www.anchoring.com上，我们实施了第三方搜索应用。不幸的是，即时搜索出现在我们的菜单栏下方。我尝试过使用999999的z索引，它仍显示在菜单栏下方。请参阅我们的网站和下图：screenshot
nav-container类包含z索引属性。但是，即使我将z索引设置为比Instant Search中的索引更高的数字，它仍会显示在容器下方。如果我从菜单栏中删除z-index，则即时搜索结果会显示在顶部（但它会与其他内容混淆）。
从我的研究中，如果元素彼此嵌套，则可能会发生这种行为，但从我所知道的情况来看，它们并不是彼此嵌套的。
有没有人有任何想法为什么这种行为和/或如何潜在地纠正它？
答案 0 :(得分：0)
您可以通过将.nav-container的z-index设置为4到1来获得所需的结果
.nav-container {
z-index: 1;
}
答案 1 :(得分：0)
请试试这个：）
.search{
position:relative;
z-index:100000; /* The z-index of search div should be more than the nav menu */
top:0;
right:0;
width:/* Your value here */;
height:/* Your value here */;
}