2012-11-27 26 views
1

我已經搜索了這個主題,但沒有任何東西似乎幫助我解決我的問題。Z-index不能與定位

我有一個搜索功能,當你開始輸入時會下降,但它會隱藏搜索結果後面的菜單欄。 我玩過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; 

謝謝!

+2

你能告訴我們你的HTML代碼(相關部分)呢? – Raptor

+0

在jsfiddle.net上發佈您的網站鏈接或html代碼 –

+0

您爲什麼使用位置和浮動?使用一個或另一個,決定! – Kyle

回答

2

由於.menu2z-index3.banner(誰是父母給你的搜索下拉列表)需要有一個海格z-index(類名是從collegesa.co.za)。

嘗試設置z-index4.banner

.banner { 
    z-index: 4; 
} 
+1

非常感謝!這工作。隨着代碼遍佈各處,我無法確定它需要的地方。 – Craig