既存のDIVをカバーするためにオーバーレイDIVを追加する方法（JQueryを使用）？

Question

私はマージン、パディング、ボーダー、異なる位置（固定、相対、絶対）のような考えられるCSSスタイルをすべて持つことができる 'コンテナ' DIVを持っています。

私は「コンテナ」DIV上記のローディングアイコンを表示し、「コンテナ」DIV内の任意のコントロールを操作するユーザーを禁止します。

<div class="container"> 
A lot of content here ... 
</div> 

どのように私は、全体の「コンテナ」DIV表示領域を（マージン領域がカバーされるべきではありません）カバー（jQueryのを使用して）オーバーレイDIVを追加することができますか？その後、

敬具、 ザック

Answer 1

CSSに変更するには何もない場合は、：

$("<div />").css({ 
    position: "absolute", 
    width: "100%", 
    height: "100%", 
    left: 0, 
    top: 0, 
    zIndex: 1000000, // to be on the safe side 
    background: "url(/img/loading.gif) no-repeat 50% 50%" 
}).appendTo($(".container").css("position", "relative")); 

はDEMO：http://jsfiddle.net/jKfTC/