css - Z-index 不适用于定位

Question

我已经搜索了这个主题，但似乎没有什么能帮助我解决我的问题。

我有一个搜索功能，当您开始输入时它会下降，但它会下降到隐藏搜索结果的菜单栏后面。我玩过 z-indexes，但没有任何帮助。

我读到 z-index 不适用于某些位置。这是真的？如果是这样，我怎样才能让结果显示在菜单栏上？

如果我改变位置，我的菜单就会跳出位置。

结果的css：

#results {
z-index: 10000;
position: absolute;
width: 400px;
float: right;
background-color: #FFF;
text-align: left;

菜单的CSS：

.menu {
position: relative;
float: left;
width: 900px;
height: 40px;
margin-top: 17px;
z-index: 3;
margin-left: 40px;
margin-bottom: 6px;

谢谢！

score 2 · Accepted Answer

由于.menu2有一个z-indexof 3，.banner（谁是您的搜索下拉列表的父级）需要有一个更高z-index的（类名来自Collegesa.co.za）。

尝试设置z-index为4.banner

.banner {
    z-index: 4;
}

1 回答 1