jquery - z-index 在某处被覆盖

Question

http://alexruimy.com/tll3/

如果您在搜索栏中输入内容，您会看到搜索结果框向下滑动。

出于某种原因(以前没有这样做!)搜索结果框位于灰色图片框的后面而不是上方。

我试过:
- 将包含的 div 的 z-index 设置为 999 !important in style.css
- 通过 js 函数调用同样的事情
- 降低其后面灰色框的 zindex。

没有用。如有必要，很乐意提供更多代码。一旦我意识到我搞砸了的地方，我觉得这将是一个快速修复。

谢谢!

Answer 1

Firebug 是您处理这类事情的 friend 。如果您不使用 Firebug，请花一些时间学习它，因为它将为您省去无数的麻烦。

至于您的问题，覆盖下拉列表的当前 div 的 z-index 为 10。您的下拉列表虽然 z-index 为 1000，但包含在没有 z-index 的父 div 中放。解决方法是给父 div 一个 z-index:

#header {z-index: 11}