Introduction à la propriété z-index en CSS

Contexte en cascade : un concept tridimensionnel, indiquant la position de l'élément sur l'axe Z

La cascade peut être imbriquée et combinée dans un contexte hiérarchique
Chaque contexte en cascade est indépendant de ses éléments frères et peut être mis en cascade ou rendu Lorsque, seuls les éléments descendants
sont pris en compte > Prise en charge des valeurs négatives

Prise en charge

CSS3

Animation

Doit être utilisé avec des éléments positionnés en CSS2.1 <.> Par exemple, les éléments positionnés
z-index

L'imbrication se produit : venant de derrière Critères, le plus grand des deux doit monter

1 background~border
2 负z-index
3 block盒子
4 float浮动盒子
5 inline/inline-block盒子
6 z-index:auto/z-index:0
7 正z-index

Si l'imbrication se produit : principe de préséance des ancêtres, le principe est que

z- index

est une valeur numérique au lieu de

auto
, auto ne crée pas de cascade Le contexte

utilise pour positionner l'élément par défaut
z-index: auto; /z-index: 0 z-index n'est pas auto créera un contexte en cascade

z-index

. La comparaison de l'ordre en cascade s'arrête au contexte en cascade parent

pour éviter l'intégration du

z-index Relations hiérarchiques confuses Évitez
z- index problèmes de confusion et de style qui font qu'une montagne s'élève plus haut que la précédente Les valeurs négatives peuvent être utilisées pour se cacher

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!