La propriété z-index en CSS détermine l'ordre d'empilement des éléments positionnés . Plus précisément, il dicte quels éléments apparaissent devant ou derrière les autres sur l'axe z, ce qui représente la profondeur sur un plan tridimensionnel.
L'index Z ne fonctionne que sur des éléments avec une position autre que statique (c'est-à-dire absolue, relative, fixe ou collante). Cela n'affecte pas les éléments avec une position statique ou les éléments positionnés à l'aide de flottants.
Un contexte d'empilement est créé lorsqu'un élément est positionné et auquel un z-index est appliqué. Dans un contexte d'empilement, la propriété z-index définit l'ordre d'empilement de l'élément positionné et de ses descendants. Les contextes d'empilement empêchent les éléments d'un contexte d'interférer avec l'ordre d'empilement des éléments dans un contexte différent.
L'ordre d'empilement des éléments sans z-index spécifié est le suivant :
Lorsqu'une propriété z-index est appliquée, l'ordre d'empilement est modifié :
Frères et sœurs mixtes Résultat : div.sibling-2 apparaîtra devant div.sibling-1 car son z-index est plus élevé. Imbriqué div.container a la position : statique et z-index : 0 Résultat : div. le frère ou la sœur apparaîtra devant les deux div enfants car il est positionné avec un z-index plus élevé dans un contexte d'empilement différent. 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!
Quel logiciel est Unity ?
Quels sont les logiciels bureautiques
Utilisation de la fonction d'écriture
À quelle entreprise appartient le système Android ?
Quelle est la différence entre php et java
Qu'est-ce qu'un équipement terminal ?
que signifie la concentration
utilisation de l'instruction switch
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
