2011-04-28 43 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