注: この記事の例は 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;}
タイトル>