CSS/Eigenschaften/opacity

Die Eigenschaft opacity steuert den Grad der Deckkraft über den Alphakanal. Deckkraft (engl. opacity) ist das Gegenteil von Transparenz.

Erlaubte Werte

• Alphawert: Zahl zwischen 0 und 1
• inherit

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

1

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja, als Zahl

Beispiel

aside {
  opacity: 0.5;
}

 

Beachten Sie: Obwohl der Wert für opacity eine prozentuale Angabe ist, sind Prozentwerte nicht erlaubt.
Das Setzen von opacity erzeugt einen neuen Stapelkontext!

Empfehlung: Wenn Sie nur den Hintergrund und nicht den Textinhalt durchscheinend darstellen wollen, verwenden Sie rgb-Farbangaben mit Angabe des Alphakanals bei der Hintergrundfarbe.

Siehe auch

• Sichtbarkeit von Elementen

  hidden oder display: none?
  visibility und opacity

   
• 

  z-index und Stapelkontext

  Auch hier spielt opacity eine Rolle!

   

Weblinks

• Spezifikation (W3C): opacity property