鼠标悬停显示块时悬停显示无

Question

我的页面上有一个div，即点击和拖动。

在这个div上，我有另一个绝对的位置。

在悬停这个div时，我希望它淡出并消失，这样我就可以使用下面的div了，但我似乎无法让它工作。有没有办法在悬停时显示，在鼠标离开时显示无，显示块？

目前正在使用...

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

Answer 1

使用mouseover / mouseout：

确保鼠标移动在underlay上，否则动画会闪烁，因为你淡化了叠加层，所以你离开了它。同样在你的拖动事件期间，你想观察你是否要离开叠加层，因为如果你不再使用它，你可能希望删除鼠标输出的事件处理程序，如果你回到它下面就替换它。

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

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

here is a fiddle