CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaft大全

CSS Eigenschafts-Handbuch (nach Funktion)CSS3 word-wrap Eigenschaft

CSS z-Verwendung und Beispiel der index-Eigenschaft

z-Die index-Eigenschaft legt die Stauordnung eines Elements fest. Elemente mit höherer Stauordnung stehen immer vor Elementen mit niedrigerer Stauordnung. Hinweis: z-index durchführenPositionselement(position:absolute, position:relative oder position:fixed).

Die folgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.

Standardwert:	auto
Geeignet für:	Positionselement
Vererbung:	keine
Animierbar:	ist.Bitte beziehen Sie sich auf: Animationseigenschaft。
Version:	CSS 2、3

Hinweis:Wenn Elemente übereinanderliegen, wird z-Index bestimmt, welche übereinanderliegen.-Index befindet sich normalerweise vor Elementen mit niedrigerem Element, die übereinanderliegen.

z-Syntax der Verwendung von index

Die Syntax dieser Eigenschaft ist wie folgt:

z-index: integer | auto | initial | inherit

Die folgenden Beispiele zeigen, wie man z-index-Eigenschaft.

Beispiel

　　div {
　　　position: absolute;
　　　lop:　30px;
　　　left:　30px;
　　　z-index:　2;
　　}

Testen Sie es heraus‹/›

Wert der Eigenschaft

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
integer	Setzen Sie die Reihenfolge der Stauorte der Elementrahmen im aktuellen Staukontext. Dieser Rahmen erstellt auch einen lokalen Staukontext, in dem der Stauort 0 (Null) beträgt. Negative Ganzzahlen sind erlaubt.
auto	Der Stauort des Elements ist gleich dem des übergeordneten Rahmens und kein neuer Staukontext wird erstellt. Dies ist der Standardwert.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird das zugehörige Element das z-Wert der Eigenschaft index.

Browserkompatibilität

z-Kompatibilität des Browsers für index-Eigenschaft, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Weitere Lesung

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS-Position，CSS-Schichten。

Verwandte Eigenschaften:position，top，right，left，bottom。

CSS Eigenschafts-Handbuch (nach Funktion)CSS3 word-wrap Eigenschaft