懸停顯示無，在鼠標懸停顯示塊

Question

我在我的網頁上有一個div，即點擊和可拖動。

在這個div上，我有另一個絕對位置。

關於這個div的懸停，我希望它淡出和消失，所以我可以使用下面的div，我似乎無法得到它的工作。有沒有辦法說懸停，沒有顯示，鼠標離開，顯示塊？

目前即時通訊使用...

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

Answer 1

使用鼠標懸停/鼠標移開：

確保將鼠標移出是在underlay否則動畫將閃爍，因爲你淡出疊加，所以你離開它。在你的拖曳事件期間，你也想看看你是否要離開覆蓋層，因爲如果你不在它之下，你可能會刪除鼠標的事件處理程序，並且如果你回到它之下，則替換它。

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

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

here is a fiddle