JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="Sempervivum, post: 12411, member: 3917"] [ICODE]opacity[/ICODE] wirkt auf den [B]ganzen [/B]Container mit allem was darin ist, einschl. des Bildes. Benutze statt dessen [ICODE]background-color[/ICODE] im RGBA-Format, damit stellst Du die Transparenz nur für den Hintergrund ein: [CODE] .bgcolor-1 { /* Statt background-color im Hex-Format und opacity fuer den ganzen Container benutzen wir background-color im RGBA-Format. Der letzte Wert gibt dabei die Transparenz an: */ /* background-color: #414951; */ background-color: rgba(65, 73, 75, 0.5); /* opacity: 0.5; */ z-index: 1; } .border-rounded { border-radius: 12px; } .img-dark { /* Nur zum Testen: */ width: 50%; /* Da jetzt die Transparenz nur auf den Hintergrund wirkt, brauchen wir dies nicht: */ /* opacity: 1; */ z-index: 2; } [/CODE] [/QUOTE]