讓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" 
}); 

但我同意前面的答案是比較實用的。