propriété CSS z-index


  Résultats de traduction：

index

UK [ˈɪndeks] US [ˈɪnˌdɛks]

n.index;<number>index;indication;sign

vt.index...;index...;[Économie] Ajusté en fonction indice de vie (salaire, prix, etc.)

vi [Mécanique] Transposition

.

propriété CSS z-indexsyntaxe

Fonction : l'attribut z-index définit l'ordre d'empilement des éléments. Les éléments avec un ordre d'empilement supérieur apparaîtront toujours devant les éléments avec un ordre d'empilement inférieur.

Description : Cet attribut définit la position d'un élément positionné le long de l'axe z, qui est défini comme l'axe s'étendant verticalement jusqu'à la zone d'affichage. S'il s'agit d'un nombre positif, il est plus proche de l'utilisateur, et s'il s'agit d'un nombre négatif, il est plus éloigné de l'utilisateur.​

Remarque : Tous les principaux navigateurs prennent en charge l'attribut z-index. La valeur de l'attribut « inherit » n'est prise en charge dans aucune version d'Internet Explorer (y compris IE8). Les éléments peuvent avoir des valeurs d'attribut z-index négatives. Z-index ne fonctionne que sur les éléments positionnés (par exemple position:absolute;) !

propriété CSS z-indexexemple

<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
</body>
</html>
Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Recommandations populaires

Maison

vidéos

Questions et réponses

soumettre