这个问题相当直截了当，但我找不到解决问题的好例子。我有一个菜单栏，当用户鼠标切换一个项目时，会出现一个子菜单div。
<div class="nav">
<a href="#">MENU ITEM</a>
</div>
<div class="box">
THIS IS THE BOX
</div>JS
$(document).ready(function(){
$(".nav a").hover(
function(){
$(".box").show();
}, function() {
if (!$(".box").is(":hover")) $(".box").hide();
}
);
$(".box").mouseleave(function() {
$(this).hide();
});
});上面的代码在很多情况下都是有效的，但是我在测试中已经看到过，当div甚至用鼠标隐藏在它上面的时候。我猜这两件事之间一定有某种冲突。问题是在火狐和IE中特别糟糕。
有什么更好的方法来处理这种视觉效果呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-08-07 13:56:07
Stack Overflow用户
发布于 2013-08-07 13:56:20
你的菜单和你的盒子之间的差距很小。如果您将顶级CSS更改为
.box {position:absolute; top:36px; background:#eee; width:200px; height:100px;left:18px;display:none}对我来说效果更好
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18114426
复制相关文章
点击加载更多
腾讯云开发者
