我将jquery Skitter幻灯片放到了动态下拉菜单栏的上方。当我将鼠标悬停在菜单上并出现另一张幻灯片图像时,它与我站点的下拉菜单重叠。
检查此站点:
我认为使用z-index CSS无法解决此问题,因为我的下拉菜单是动态的,并且可能有很多子菜单。是否有任何代码可以解决此问题?
提前致谢。
刚刚测试过-添加
#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] 删除。
我来说两句