位置:相対/絶対壊れないレベル_体験交流

注: この記事の例は IE5.x では表示されない場合があります。デバッグには IE6、IE7、Firefox、Opera などのブラウザを使用してください。
少し前、グループ内で誰かが、みんなを本当に混乱させた質問をしたのを覚えています。

コードをコピー コードは次のとおりです。

• 最初のブロック


• 2 番目のブロック li>
  
• 3 番目のブロック


• 4 番目のブロック


• 5 番目のブロック

LIをposition:relativeに設定し、spanをposition:absoluteに設定すると、SPANのz-index値がどれだけ高く設定されても、常に親の後ろにあることがわかります。

コードをコピー コードは次のとおりです:

*{margin:0;padding: 0; リスト -スタイル:なし;}
li {幅:100px; 高さ:100px; マージン:0 5px 0 0; 背景:#000; 浮動小数点数:左; 位置:相対; z-インデックス:1;} リ スパン {幅:200px; 高さ:200px; 背景:#c00; 位置:絶対; トップ:0; 左:100px; z-index:1000;}

タイトル>