Die Deckkraft in CSS wird mit der Eigenschaft `opacity` kontrolliert. Der Wert für die Deckkraft liegt zwischen 0.0 (vollständig transparent) und 1.0 (vollständig opak).
Hier ist ein Beispiel:
```html
Lorem ipsum…
```
In diesem Beispiel wird eine Box mit der Hintergrundfarbe rot erstellt. Durch die Eigenschaft `opacity: 0.5` wird die Box halb transparent gemacht.
Man kann auch die Deckkraft in der Farbdefinition selber einbeziehen, mit `rgba` für Farben:
```css
.transparent-box {
background-color: rgba(255, 0, 0, 0.5);
}
```
In diesem Fall ist das Rot halb transparent durch das 0.5 am Ende.
Beachten Sie bitte, dass das Ändern der Deckkraft mit der `opacity`-Eigenschaft auf ein Element auch die Deckkraft für alle seine Kinder (untergeordnete Elemente) ändert. Soll nur die Hintergrundfarbe transparent sein und Text/UI-Elemente nicht, dann ist besser die Deckkraft in der Farbdefinition selber zu steuern.
