[Am Test teilnehmende Browser: IE6/IE7/IE8/FF3/OP9.6/SF3/Chrome2]
[Betriebssystem: Windows]
Es scheint, dass viele Schüler von dem Problem besessen sind, warum sich dieses Div in der oberen Ebene und dieses Div in der unteren Ebene befindet, und egal wie sie den Z-Index festlegen, sie können nicht oben sein Durchfall, Übelkeit und Schlaflosigkeit, und am Ende werden sie depressiv, sodass sie es nicht wagen, nach Belieben eine Schichtauflage zu verwenden. Der Überlagerungseffekt von Ebenen tritt jedoch häufig im Interaktionsdesign auf, daher müssen wir ihn kontrollieren. Um ihn zu kontrollieren, müssen wir seine Gesetze beherrschen.
Klären Sie zunächst einige Konzepte, die im Artikel verwendet werden müssen:
1. Statische Positionierung: position:static (der Standardwert des Positionsattributs).
2. Dynamische Positionierung: Position:relativ oder Position:absolut oder Position:fest.
3. Vorfahrenelement: jedes Element, das dieses Element enthält.
4. Übergeordnetes Element: Das Vorgängerelement, das das Element direkt enthält.
5. Geschwisterelemente: Elemente, die ein gemeinsames übergeordnetes Element haben.
[Hinweis] Diese Konzepte wurden vom Autor angepasst und werden nur in diesem Artikel verwendet.
Das Peer-Element ist ein sehr wichtiges Wort und muss hier ausführlich erläutert werden.
| Nachfolgend der zitierte Inhalt: <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> |
In diesem Beispiel sind div#a und div#b keine „Geschwisterelemente“. Nur Elemente wie div#b und div#c, die das gleiche übergeordnete Element div#f haben, können als „Geschwisterelemente“ bezeichnet werden.