我的工具提示被一個div元素的限制中斷

Question

我需要在消息框「懸停」時出現工具提示。所有的消息框都在一個叫做chatbox的div裏面。 我的問題是，當通過聊天室的限制時，聊天室div切斷工具提示。 這是jsfiddlehttp://jsfiddle.net/Ifalcao/k9Yrc/2。

聊天箱div中的溢出規則必須存在，否則如果我有很多消息框，它們將通過聊天箱的限制（http://jsfiddle.net/Ifalcao/URBDE）。

我需要聊天箱內的消息框，但聊天框外的消息框的工具提示。

請幫助我。

在此先感謝。

Answer 1

此代碼似乎在小提琴的工作 - 我做了提示「身體」的孩子，並定位它旁邊的框，尤其是圓形的小提琴：http://jsfiddle.net/k9Yrc/8/

$('.box').hover(function(){ 
       var boxLeft = $(this).offset().left; 
       var boxTop = $(this).offset().top; 
       var htmltooltip = '<div id="info" class="shadow">'; 
       htmltooltip += '<h4>Label info</h4>'; 
       htmltooltip += '<img src="images/defaultphoto.gif"/>'; 
       htmltooltip += '</div>'; 
       $('body').append(htmltooltip).children('#info').hide().fadeIn(400).css('left', boxLeft - 150).css('top', boxTop + 100); 
       }, function() { 
        $('#info').remove(); 
        } 
      );