利用jquery解决下拉菜单被Div遮挡问题

原创于 2012-08-28 16:58:07 发布 · 3.3k 阅读

CC 4.0 BY-SA版权

文章标签：

87 篇文章

订阅专栏

本文介绍了一种利用jQuery hover事件调整元素Z-index属性的方法，通过将遮挡下拉菜单的div的Z-index设为负值来实现鼠标悬停时下拉菜单的显示效果，当鼠标移开时再恢复其Z-index值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用jquery的hover事件，当鼠标移动到menu时，把遮挡下拉菜单的div设置为负值，鼠标离开时恢复正值，
代码如下：

$("#menu").hover( function() { 
$(".divName").css("z-index", "-1"); 
}, function() { 
$(".divName").css("z-index", "0"); 
});