2011-04-28 44 views
1

http://alexruimy.com/tll3/z-index正在被覆蓋

如果您在搜索欄中鍵入內容,則會看到搜索結果框向下滑動。

由於某種原因(以前沒有這樣做!)搜索結果框會在灰色圖片框後面而不是在它之上。

我曾嘗試:
- 通過JS
在函數調用同樣的事情 - - 降低其背後的灰色框的Z-索引包含div的Z-索引設置999個重要的style.css

無濟於事。很高興在必要時提供更多的代碼。我覺得這將是一個快速修復,一旦我意識到我搞砸了。

謝謝!

+0

你至少應該添加到搜索框:'自動完成=「關閉」'因爲這樣的結果2箱打開:http://screencast.com/t/MeCQ6gYQC8 – Rudie 2011-04-28 16:46:39

+0

'z-index'只適用於'position:...' – Helmut 2012-08-02 10:20:53

+0

您需要爲該方塊放置一個位置以便遵循z-index規則。嘗試添加「位置:相對」 – Heath 2011-04-28 16:42:35

回答

2

Firebug是你這樣的事情的朋友。如果你不使用Firebug,花一些時間來學習它,因爲它會爲你節省無數的麻煩。

至於你的問題,覆蓋你下拉菜單的當前div有一個z-index 10.你的下拉菜單中有一個z-index爲1000,它包含在一個沒有z-索引集。解決方法是給家長的div的z-index:

#header {z-index: 11} 
+0

輝煌,謝謝!我試過這個螢火蟲,但我不知道父母的div。 – Alex 2011-04-28 16:43:26