如何在jquery中定位DIV在顶部和绝对?

像这样的怎么样:

$(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。

是的,你的分区需要一个更高的z阶和位置:绝对。

要定位在顶部的DIV需要更高的Z顺序、位置:绝对和尺寸。

我用过类似的插件 qTip 提供您过去提到的功能。可能还有其他100个工具提示插件也可以使用。

关于“悬停卡”,我建议查看 qTip Plugin .

定位DIV就像不使用javascript/jquery一样。所以,我将从创建一个实际编码和工作的HTML/CSS演示开始。将jquery激活的内容放置在它自己的(绝对的)定位分区中。一旦它看起来正常(检查多个浏览器等),那么您就可以只显示/隐藏该分区,而不必担心用jquery对其进行自定义定位。

或者,您试图动态地定位jquery激活的内容(因此,内容尚未加载到页面中等),您可能需要设置内联样式。 $('#mydiv').css() 设置绝对定位值(顶部、左侧等)。

用于定位

尝试使用CSS样式字段top:5px;left:px;根据需要

尝试使用FF Firebug并检查实际发生的情况

尝试

位置:绝对和位置:相对

用于悬停或分层!!

使用Z索引和位置

尝试jquery幻灯片,下拉查看效果