JQuery/Javascriptはブラウザのズームで絶対位置を指定します

Question

投稿者this layout,私はjQuery/Javascriptを使ってレッドボックスを左の小さなブルーボックスの下にあるグレーコンテナに入れたいですか？ブラウザをズームイン/ 。

これは、グレーコンテナの#wterwrapper div内にredbox #badplacement divを置かないようにしています。どのようにこれを達成することができますか？

（開始するには、私は#badplacement CSSが、それは小さな青いボックスの下にある通常のブラウザのズームレベル、上、243pxに左に変更。）

フィドル：http://jsfiddle.net/Q56up/

Answer 1

クローンとouterwrapper div要素CSSのルールを背景にせずに元の位置に配置します（位置：絶対、Z-インデックス：1）。赤いボックスを内側に置き、それを相対的に配置します。