純粋な JS の記述方法:
//offset() はブラウジングに基づいて現在の要素の位置を取得します
var offsettop=$("#unamespan").offset().top;
var offsetleft=$("#unamespan" ).offset ().left;
//position() は親コンテナに基づいて現在の要素の位置を取得します
var Positiontop=$("#unamespan").position().top; ").position().left;
// unamespan の座標に基づいてパネル 2 の位置を設定します
$("#panel2").css({position: "absolute",'top ' :offsettop 100,'left':offsetleft 50,'z-index':2});
3relative は、通常の位置を基準にして相対的に配置された要素を生成します。したがって、「left:20」は要素の LEFT 位置に 20 ピクセルを追加します。
4 静的なデフォルト値。位置決めを行わない場合、要素は通常のフローで表示されます (上、下、左、右、または z-index 宣言は無視されます)。
5 継承は、position 属性の値を親要素から継承することを指定します。 (この属性は IE ではサポートされていません)
複数のレイヤーがあり、レイヤーの階層関係を設定する必要がある場合は、z-index 属性を設定する必要があります
z-index 属性は、要素の積み重ね順序を設定します。積み重ね順序が高い要素は常に、積み重ね順序が低い要素の前に表示されます。
注: 要素には負の z-index 属性値を含めることができます。
注: Z インデックスは位置決めされた要素でのみ機能します (位置の値は静的ではありません)。
説明
この属性は、表示領域に対して垂直に伸びる軸として定義される Z 軸に沿って、配置された要素の位置を設定します。正の数の場合はユーザーに近くなり、負の数の場合はユーザーから遠ざかります。