jquery - zIndex 未按预期工作

Question

我有一个菜单和一个幻灯片，菜单的 zindex 大于幻灯片的 zindex，但由于某种原因，它被幻灯片覆盖了。我查看了有关 zindex 的文档，但找不到发生这种情况的任何原因。

你可以去这里的网站：http: //cp31.stablehost.com/~edenville/

请使用 chrome 查看网站。

任何帮助，将不胜感激！谢谢

Answer 1

您看到的问题是因为顶部表设置了 z-index：

 table.top-table {
   ....
      z-index: 9 !important;
 }

由于在这种情况下父元素具有较低的 z-index 集，因此具有较高 z-index 的子元素不会影响父元素的兄弟姐妹。（这可以理解吗？）

如果将其增加到 999 以上（幻灯片标题面板），那么它将起作用：

table.top-table {

   z-index: 99999 !important;
}