jquery缩略图滑块覆盖的弹出菜单

Question

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

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

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

它们单独工作正常，但是当我将它们添加到同一页面时，滑块会与弹出菜单中的二级菜单项重叠。我试过玩 z-index 但没有帮助。有没有让次要项目始终显示在所有内容之上？

Answer 1

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

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