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;

謝謝！

Answer 1

由於.menu2的z-index為3 ， .banner （您的搜索下拉列表的父級）需要具有更高的z-index （類名來自Collegesa.co.za ）。

嘗試將.banner z-index設置為4

.banner {
    z-index: 4;
}