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

CSS3

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

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

z- index

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

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

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!