CSS-Z-Index-Eigenschaft


  Übersetzungsergebnisse：

index

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

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

vt.index...;index...;[Wirtschaft] Angepasst nach Lebenshaltungsindex (Lohn, Preis usw.)

vi [Mechanik] Umsetzung

CSS-Z-Index-EigenschaftSyntax

Funktion: z-index-Attribut legt die Stapelreihenfolge von Elementen fest. Elemente mit einer höheren Stapelreihenfolge erscheinen immer vor Elementen mit einer niedrigeren Stapelreihenfolge.

Beschreibung: Dieses Attribut legt die Position eines positionierten Elements entlang der Z-Achse fest, die als die Achse definiert ist, die sich vertikal zum Anzeigebereich erstreckt. Wenn es eine positive Zahl ist, ist sie näher am Benutzer, und wenn es eine negative Zahl ist, ist sie weiter vom Benutzer entfernt.​

Hinweis: Alle gängigen Browser unterstützen das Z-Index-Attribut. Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt. Elemente können negative Z-Index-Attributwerte haben. Z-Index funktioniert nur bei positionierten Elementen (z. B. position:absolute;)!

CSS-Z-Index-EigenschaftBeispiel

<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>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten

einreichen