SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

CSS/Eigenschaften/opacity

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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