jquery - IE 的 CSS Top 和 Left 有问题吗？

Question

以下 jQuery 代码适用于 Safari、Opera、FF2 和 FF3。它在我的网页上的 FORM 元素之上放置了一个繁忙的 DIV(带有一个忙碌的 GIF 动画)。问题是在 IE6 和 IE7 中，它可以正确获取宽度和高度，但似乎无法正确获取顶部和左侧。有什么收获？

var nH = $('#' + sForm).attr('offsetHeight');
var nW = $('#' + sForm).attr('offsetWidth');
var nT = $('#' + sForm).attr('offsetTop');
var nL = $('#' + sForm).attr('offsetLeft');

$('#busy')
    .css('position','absolute')
    .css('height', nH + 'px')
    .css('width', nW + 'px')
    .css('top', nT + 'px')
    .css('left', nL + 'px')
    .show();

请注意，在我的页面上有多个 FORM 元素。 (忙 GIF 的原因是因为提交表单时我正在后台执行 AJAX post。)

请注意，我还尝试了 jQuery Dimensions Plugin 1.2 的 .position() 顶部和左侧值，这很有帮助，但似乎 top 值变成了我在页面中向下移动越远。

Answer 1

现在 jQuery(最新的公开版本)包含维度作为核心函数。

尝试使用 $(element).offset() (它返回具有“left”和“top”属性的对象)。我经常使用它并且非常适合许多浏览器(ie6/7、opera、safari、chrome、ff2/3)