English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS reference manual

CSS @rules

CSS attribute大全

CSS z-Méthode d'utilisation et exemple de l'attribut index

z-L'attribut index spécifie l'ordre de pile d'un élément. Les éléments avec un ordre de pile plus élevé sont toujours placés devant les éléments avec un ordre de pile plus bas. Remarque : z-indexÉlément positionné(position:absolute, position:relative, ou position:fixed).

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :auto
Applicable à :Élément de positionnement
Héritage :Non
Animable :est.Veuillez consulter Attributs d'animation
Version :CSS 2、3

Remarque :Lorsque les éléments chevauchent-L'index détermine lequel des chevauchements.-L'index est généralement placé devant l'élément avec un niveau inférieur lorsqu'il y a chevauchement d'éléments.

z-Syntaxe d'utilisation de index

La syntaxe de cette propriété est la suivante :

z-index: integer | auto | initial | inherit

Les exemples suivants montrent comment utiliser z-attribut index.

  div {
   position: absolute;
   lop: 30px;
   left: 30px;
   z-index: 2;
  }
Vérifiez pour voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
integerDéfinir l'ordre du niveau de pile de la boîte de l'élément dans le contexte de pile actuel. Ce cadre crée également un contexte de pile local, où le niveau de pile est 0 (zéro). Les valeurs négatives entières sont autorisées.
autoLe niveau de pile de la boîte de l'élément est le même que celui de la boîte parente, et un nouveau contexte de pile n'est pas créé. C'est la valeur par défaut.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise le z-Valeur de l'attribut index.

Compatibilité du navigateur

z-La compatibilité du navigateur de l'attribut index, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :Position CSSCSS couche

Propriétés associées :positiontoprightleftbottom