当具有更大z-index的div时阻止事件

Question

DIV 1有一个mouseover事件显示DIV 2并且有mouseleave事件隐藏DIV 2，当显示DIV 2时，我如何阻止DIV 1事件当我的指针是超过DIV 2 ？ mouseleave事件现在让我闪烁]（DIV 2的最大z-index比DIV 1）

Answer 1

您可以使用stopPropagation()。

Answer 2

您可以嵌套两个div并在父级上应用悬停： CSS示例： http://liveweave.com/qtwQOE
编辑：将父div的大小减小到其内容，更改CSS布局显示： http://liveweave.com/94tdXW

Answer 3

您是否期待类似JSFIDDLE

的内容

Jquery的：

$(document).ready(function(){
  $(".red").mouseenter(function(){
    $(".yellow").show("slow");
  });
    $(".red").mouseleave(function(){
    $(".yellow").hide("slow");
  });
});