English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
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‹/›
Le tableau suivant décrit les valeurs de cette propriété.
Valeur | Description |
---|---|
integer | Dé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. |
auto | Le 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. |
initial | Réinitialisez cette propriété à sa valeur par défaut. |
inherit | Si spécifié, l'élément lié utilise le z-Valeur de l'attribut index. |
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é.
|
Veuillez consulter les tutoriels suivants :Position CSS,CSS couche。