jquery - 如何在 JQuery 中将 DIV 置于顶部和绝对位置？

Question

谁能告诉我 div 定位在 JQuery 中是如何工作的？

我想在绝对位置显示一个 div，并且在其他所有内容之上？就像在表单中一样，我想显示一个帮助弹出窗口，它会出现在焦点文本框的旁边(就像他们在 careers.stackoverflow > edit 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 顺序和 position: absolute。