【テスト参加ブラウザ：IE6/IE7/IE8/FF3/OP9.6/SF3/Chrome2】
【OS：Windows】
多くの学生は、なぜこの div が上の層にあり、あの div が下の層にあるのかという問題に夢中になっているようで、z-index をどのように設定しても最上位になれない。下痢、吐き気、不眠症になり、最終的にはうつ病になるため、レイヤーオーバーレイを自由に使用することはできません。ただし、インタラクションデザインではレイヤーの重ね合わせ効果が頻繁に現れるため、それを制御するには、その法則を習得する必要があります。
まず、この記事で使用する必要があるいくつかの概念を明確にします。
1. 静的配置:position:static (position 属性のデフォルト値)。
2. 動的位置決め: 位置:相対、位置:絶対、または位置:固定。
3. 祖先要素: この要素を含む任意の要素。
4. 親要素: 要素を直接含む祖先要素。
5. 兄弟要素: 共通の親要素を持つ要素。
[注] これらの概念は著者によってカスタマイズされており、この記事でのみ使用されます。
ピア要素は非常に重要なキーワードなので、ここで詳しく説明する必要があります。
| 引用した内容は以下の通りです。 <div> <div></div> <div id="a"></div> <div></div> <div></div> <div></div> <div></div> </div> <div id="f"> <div></div> <div id="b"></div> <div id="c"></div> <div></div> <div></div> <div></div> </div> |
この例では、div#a と div#b は「兄弟要素」ではありません。「兄弟要素」と呼べるのは、同じ親 div#f を持つ div#b と div#c のような要素だけです。