jQuery Skitter幻灯片与下拉菜单重叠

杰琳

我将jquery Skitter幻灯片放到了动态下拉菜单栏的上方。当我将鼠标悬停在菜单上并出现另一张幻灯片图像时,它与我站点的下拉菜单重叠。

检查此站点:

我认为使用z-index CSS无法解决此问题,因为我的下拉菜单是动态的,并且可能有很多子菜单。是否有任何代码可以解决此问题?

提前致谢。

matthias_h

刚刚测试过-添加

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

到您的清单menu_h.css,对我有用。我刚刚添加了!important来覆盖为li添加的z-index 1和2。对于加载的图像,skitter.css中的最高z索引是10000,因此,高于10000的所有内容都应足够,但只需将其签出即可。如果它不起作用,则有必要检查一下skitter-js是否设置了我在Firebug中检查时没有注意到的其他任何设置。

更新注释中第二个问题(缩略图显示点导航):只注意到了值position: left计算的飞掠div .preview_slide和/或ul在此div(具有预览图像作为内容li,如

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

将不匹配,无法按预期显示您的图像。值稍微偏离约40像素。正如我在skitter注释(skitter注释)中所注意到的那样,您可能需要调整skitter.styles.css中的值.box_skitter.box_skitter_large因为页面上使用的图像大小不同。

跳过CSS:

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

您的图片有width: 960px, height: 330px;,因此位置计算错误。万一这无济于事,您可以在Skitter评论页面上写一个描述您的问题的评论,看来Skitter作者似乎在乎使用Slider时遇到问题的人。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JQuery - 幻灯片重叠

来自分类Dev

jQuery菜单幻灯片悬停故障

来自分类Dev

左侧的jQuery幻灯片菜单在加载时打开

来自分类Dev

Jquery 幻灯片菜单切换

来自分类Dev

悬停时的Bootstrap下拉菜单幻灯片动画

来自分类Dev

jQuery的动画与幻灯片

来自分类Dev

jQuery - 下拉菜单

来自分类Dev

单击另一个幻灯片菜单或下拉菜单时,幻灯片菜单不会隐藏

来自分类Dev

我的幻灯片(jquery)菜单正在跳转,为什么?

来自分类Dev

为什么我的侧边导航菜单不显示此jquery幻灯片效果?

来自分类Dev

CSS菜单短暂出现在jQuery幻灯片后面

来自分类Dev

没有使用Jquery的插件的顶级幻灯片菜单

来自分类Dev

幻灯片菜单不会在JQuery Mobile App中首次加载

来自分类Dev

使用animate()的简单jQuery幻灯片

来自分类Dev

jQuery幻灯片的步骤方法

来自分类Dev

简单的jQuery幻灯片导航?

来自分类Dev

jQuery幻灯片从左+暗淡的背景

来自分类Dev

多个jQuery幻灯片实例

来自分类Dev

Unslider JQuery单击更改幻灯片

来自分类Dev

jQuery Slidertron链接到幻灯片

来自分类Dev

jQuery:创建幻灯片轮播

来自分类Dev

jQuery幻灯片html元素

来自分类Dev

子元素的Jquery Toggle幻灯片

来自分类Dev

jQuery-幻灯片按钮功能

来自分类Dev

jQuery-幻灯片按钮

来自分类Dev

jQuery照片幻灯片效果前后

来自分类Dev

极短的jQuery图像幻灯片

来自分类Dev

删除Jquery bxslider中的幻灯片

来自分类Dev

jQuery Mobile:幻灯片过渡