如何在DQuery中将DIV置于顶级和绝对位置？

Question

谁能让我知道div定位在JQuery中是如何工作的？

我想在绝对位置和其他所有位置显示div？就像在一个表单中我想要显示一个帮助弹出窗口显示在焦点文本框旁边(就像他们在careers.stackoverflow>编辑CV中一样).

同样,当您将鼠标悬停在头像上时,显示悬停卡的最佳策略是什么,例如当在Twitter上时,会出现一个带有用户个人资料摘要的小div.

谢谢

Answer 1

这样的事情怎么样:

$(document).ready(function(){
    $('#imgLinkToolTip').mouseover(function() {
        $('#dvLinkToolTip').css({ left: $(this).position().left - 300, top: $(this).position().top - 45 }).show();
    }).mouseout(function() {
        $('#dvLinkToolTip').hide();
    });
});

在此示例中,imgLinkToolTip是您的悬停目标,dvLinkTooltip是您要弹出的div.

是的,你的div需要更高的z顺序和位置:绝对.