En CSS, obtenir l'ordre d'empilement souhaité des éléments imbriqués peut être un défi. Cette question aborde le scénario dans lequel un élément enfant apparaît au-dessus de son élément parent sur l'axe z et où définir uniquement l'index z est insuffisant.
Pour résoudre ce problème, la solution consiste à définir une valeur d'index z négative. pour l'élément enfant. En revanche, tout paramètre z-index sur l'élément parent doit être supprimé. Cela élèvera efficacement l'élément parent au-dessus de l'enfant sur l'axe z tout en conservant le positionnement souhaité des éléments dans la structure du document.
Considérez l'exemple de code suivant :
.parent { position: relative; width: 350px; height: 150px; background: red; border: solid 1px #000; } .child { position: relative; background-color: blue; height: 200px; z-index: -1; // Negative z-index applied to the child element } .wrapper { position: relative; background: green; height: 350px; }
Avec Avec cette modification, l'élément parent apparaîtra désormais au-dessus de l'élément enfant sur l'axe z, résolvant efficacement le problème décrit dans la question d'origine.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!