使div总是直接出现在另一个div之上？

Question

我正在使用一个div ...

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + 
                                            $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + 
                                            $(window).scrollLeft() + "px");
    return this;
}

然后我想将另一个div移到这个居中的div的正上方，这样它们就会如下所示......

  |-------------|
  | Moved Above |
  |-------------|
  |             |
  |   Centered  |
  |             |
  |-------------|

我将如何实现这一目标？

Answer 1

您可以使用jQuery的prepend()或prependTo()函数将新内容置于当前。

Answer 2

我会使用Offset：

var offs = $("#centered").offset();
$("#movedabove").css({
  left: offs.left()+"px",
  bottom: offs.top()+"px"
});

但我同意以前的答案更实际。