jQuery：鼠標懸停在背景div“通過”前景工具提示？

Question

我有一個背景div和一個前景div，當背景被遮住時淡入，並在背景被淘汰時淡出。

但是當前景淡入時，它會從背景中竊取焦點並且工具提示最終“閃爍”：

http://jsfiddle.net/ts97t/

如何保持工具提示可見並停止閃爍？

謝謝

Answer 1

把鼠標放在我身上 這需要保持可見，而不是閃光，直到我鼠標離開綠色方塊！

JQUERY

$("#background").hover(function(){
 $("#tooltip").fadeIn();
},function(){
    $("#tooltip").fadeOut();
   });​

如果你想#tooltip重疊“ Mouse over me ”文本。

#tooltip {
    display: none;
    width: 130px;
    height: 130px;
    background: red;
    top:0;
}

DEMO

第二種方式

   var i=0;
$("#background").hover(function(){
     $("#tooltip").fadeIn();
    },function(){
        if (i==1) {
            $("#tooltip").fadeOut();
i=0;
        } 
    });

$('#tooltip').hover('',function(){
  i=1;

});

HTML

<div id="background">Mouse over me.</div>
<div id="tooltip">This needs to stay visible, and not flash, until I mouse out of the green square!</div>

演示2