jQuery Skitter幻灯片重叠下拉菜单

Question

我将jquery skitter幻灯片放在我的动态下拉菜单栏上方。当我将鼠标悬停在菜单上并显示幻灯片的其他图像时，它会重叠我网站的下拉菜单。

检查此网站：

我认为使用z-index css无法解决这个问题，因为我的下拉菜单是动态的，它可能有很多子菜单。有什么代码可以解决这个问题吗？

提前致谢。

Answer 1

刚试过 - 添加

#listMenuRoot li {
 z-index: 50000 !important;
}

到你的listmenu_h.css，对我有用。 我刚刚添加了！important来覆盖你为li添加的z-index 1和2。 对于加载图像，skitter.css中的最高z-index为10000，因此10000以上的所有内容都应该足够，但只需检查即可。如果它不起作用，有必要检查一下skitter-js是否设置了我在Firebug中检查时没有注意到的任何其他内容。

评论中第二个问题的更新（针对点导航显示的缩略图图片）：注意到position: left的值为此处div .preview_slide和/或ul计算的值div {1}}（将预览图像作为li的内容，例如

 <ul style="width: 400px; left: -200px;">
  <li>
    <img src="img/example/001.jpg"></li>
     ....

无法匹配以按预期显示您的图片。值略微偏差约40px。正如我在评论时注意到的那样 - Skitter Comments - 你可能需要调整skitter.styles.css中.box_skitter和.box_skitter_large的值作为你的图像＃39;在您的页面上重复使用的大小不同。

Skitter CSS：

.box_skitter {
  width: 964px;
  height: 300px;
   ...

您的图片有width: 960px, height: 330px;，因此位置计算错误。 如果没有帮助，您可以在Skitter评论页面上写一个评论来描述您的问题，看起来Skitter作者似乎关心使用Slider时遇到问题的人。