[Navigateurs participant au test : IE6/IE7/IE8/FF3/OP9.6/SF3/Chrome2]
[Système d'exploitation : Windows]
Il semble que de nombreux étudiants soient obsédés par le problème de savoir pourquoi tel div est sur la couche supérieure et ce div sur la couche inférieure, et peu importe la façon dont ils définissent l'index z, ils ne peuvent pas être au sommet. Ils souffrent de vomissements et. diarrhée, nausées et insomnie, et finissent par être déprimés, ils n'osent donc pas utiliser de superposition de couches à volonté. Cependant, l’effet de superposition de couches apparaît fréquemment dans la conception d’interactions, il faut donc le contrôler. Pour le contrôler, il faut maîtriser ses lois.
Tout d’abord, clarifiez quelques concepts qui doivent être utilisés dans l’article :
1. Positionnement statique : position:static (la valeur par défaut de l'attribut position).
2. Positionnement dynamique : position : relative ou position : absolue ou position : fixe.
3. Élément ancêtre : tout élément qui contient cet élément.
4. Élément parent : l'élément ancêtre qui contient directement l'élément.
5. Éléments frères et sœurs : éléments qui ont un élément parent commun.
[Note] Ces concepts sont personnalisés par l'auteur et sont utilisés uniquement dans cet article.
L’élément pair est un mot très clé et doit être expliqué en détail ici.
| Voici le contenu cité : <div> <div></div> <div id="a"></div> <div></div> <div></div> <div></div> <div></div> </div> <identifiant div="f"> <div></div> <div id="b"></div> <div id="c"></div> <div></div> <div></div> <div></div> </div> |
Dans cet exemple, div#a et div#b ne sont pas des « éléments frères ». Seuls les éléments comme div#b et div#c qui ont le même parent div#f peuvent être appelés « éléments frères ».