使jQuery加载gif overlay随容器大小增长和缩小

Question

我已成功在我正在使用的表上应用了jQuery加载覆盖。 如何制作叠加层，使其随着容器的增长而缩小。

目前我通过获取它所在的表格来获得高度宽度和位置（叠加层覆盖HTML表格），如此...

    $div = $("#theTable"); //id
    $('<div id="overlay">').css({
       position : 'fixed',
       opacity: 0.5,
       top: $div.offset().top,
       left : $div.offset().left,
       width : $div.outerWidth(),
       height : $div.outerHeight(),
       background: 'black url(<%=Url.Content("~/images/ajax-loader.gif")%>) no-repeat center'
    }).hide().appendTo('body');

正如你所看到的，我获得了表格ID，并从那里获得了高度。我想根据窗口大小重新计算表的大小可能是我必须要去的方式。但这听起来真的很痛苦。我希望有一些jQuery Auto-Magic可以在某个地方使用，我可以利用它！任何想法/建议将不胜感激。