Question

当消息框“悬停”时，我需要显示工具提示。所有消息框都在一个名为chatbox的div中。我的问题是，当通过聊天框的限制时，聊天框div会切断工具提示。这是一个jsfiddle http://jsfiddle.net/Ifalcao/k9Yrc/2。

聊天框div中的溢出规则必须存在，否则如果我有许多消息框，它们将通过聊天框的限制（http://jsfiddle.net/Ifalcao/URBDE）。

我需要聊天框内的消息框，但是聊天框外面的消息框的工具提示。

请帮帮我。

提前致谢。

Answer 1

这段代码似乎适用于你的小提琴 - 我把工具提示作为'body'的孩子，并将它放在盒子的旁边 - 这是小提琴：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();
                    }
            );

我的工具提示被div元素的限制所截断

1 个答案: