jquery - 由 jquery 缩略图 slider 覆盖的弹出菜单

Question

我正在创建一个需要在同一页面上显示弹出菜单和缩略图 slider 的网站。

我将这种技术用于弹出菜单: http://designshack.net/articles/pop-out-css-menu/

还有这个 slider 插件: http://manos.malihu.gr/jquery-custom-content-scroller

它们单独运行良好，但当我将它们添加到同一页面时， slider 会与弹出菜单中的二级菜单项重叠。我试过使用 z-index 但没有用。有没有办法让次要元素始终显示在所有内容之上？

Answer 1

在第 41 行的 menu.css 中，在此处设置您的 z-index:

#menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 85%;
  z-index: 30;
}