jquery - zIndex 未按预期工作

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;
}