CSS isolation Eigenschaft

Definition und Verwendung

Das Attribut isolation definiert, ob ein neuer Stacking-Kontext erstellt werden muss.

Tipp:Die Eigenschaft isolation ist sehr nützlich, wenn sie zusammen mit background-blend-mode oder mix-blend-mode verwendet wird.

Siehe auch:

HTML DOM Referenzhandbuch:isolation-Attribut

Beispiel

Erstellen Sie für das Element mit id="e" einen neuen Stacking-Kontext:

#e {
  isolation: isolate;
}

Probieren Sie es selbst aus

CSS-Syntax

isolation: auto|isolate|initial|inherit;

Attributwert

Wert Beschreibung
auto Standard. Ein neuer Stacking-Kontext wird nur erstellt, wenn einer der Attribute des Elements, auf das es angewendet wird, dies erfordert.
isolate Es muss ein neuer Stacking-Kontext erstellt werden.
initial Legen Sie dieses Attribut auf seinen Standardwert zurück. Siehe initial.
inherit Dieses Attribut wird von seinem Elternelement geerbt. Siehe inherit.

Technische Details

Standardwert: auto
Vererbung: Nein
Animationserstellung: Nicht unterstützt. Siehe:Animationsspezifische Eigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.isolation="isolate"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 Ja 30.0