CSS opacity Eigenschaft

Definition und Verwendung

Die Opacity-Eigenschaft stellt den Transparenzgrad eines Elements ein.

Siehe auch:

CSS-Tutorial:CSS Bildtransparenz

CSS-Tutorial:CSS-Farben

HTML DOM Referenzhandbuch:Opacity-Eigenschaft

Beispiel

Stellen Sie den Transparenzgrad des div-Elements ein:

div
{
opacity:0.5;
}

Versuchen Sie es selbst

Mehr Beispiele finden Sie am Ende dieser Seite.

CSS-Syntax

opacity: value|inherit;

Attributwert

Wert Beschreibung Test
value Transparenz festlegen. Von 0.0 (vollständig transparent) bis 1.0 (vollständig undurchsichtig). Test
inherit Der Wert der Opacity-Eigenschaft sollte von dem übergeordneten Element geerbt werden.

Technische Details

Standardwert: 1
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.opacity=0.5

Mehr Beispiele

Ändern der Transparenz eines Elements
Dieses Beispiel zeigt, wie man die Transparenz eines Elements mit JavaScript ändert.

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
4.0 9.0 2.0 3.1 9.0

Anmerkung:IE8 und frühere Versionen unterstützen den alternativen Filter-Attribut. Zum Beispiel: filter:Alpha(opacity=50);