z索引未按预期工作

Question

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

您可以在此处访问该网站：http://cp31.stablehost.com/~edenvill/

请使用chrome查看网站。

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

Answer 1

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

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

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

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

table.top-table {

   z-index: 99999 !important;
}