Javascript 悬停显示无，鼠标悬停显示块

我的页面上有一个div，它是click和draggable

在这个部门，我有另一个绝对的位置

在这个div的悬停状态下，我希望它淡出并消失，这样我就可以使用下面的div，但我似乎无法让它工作。有没有一种方法可以说鼠标悬停时显示无，鼠标左移时显示块

目前我正在使用

$('.overlay').hover(function() {
    $(this).stop(true).fadeTo("fast", 0);
}, function() {
    $(this).stop(true).fadeTo("fast", 0.3);
});

---

使用鼠标悬停/鼠标悬停：

确保鼠标移出位于

参考底图上

，否则动画将闪烁，因为您淡出了覆盖，所以离开了它。此外，在拖动事件期间，您希望观察是否要离开覆盖层，因为如果您不再位于覆盖层下，可能需要删除鼠标移出的事件处理程序，如果您回到覆盖层下，则需要将其替换

$('.overlay').mouseover(function(){
    $(this).fadeOut("fast");
});

$('.underlay').mouseout(function(){
    $('.overlay').fadeIn("fast");
});