Opacity / Transparency

[martinfre]

Hallo zusammen,

ich würde gerne auf folgender Seite http://www.lsp-sports.de/test/ den mittleren weißen Bereich transparent darstellen. Wenn ich jedoch mit

opacity: 0.3;
filter: alpha(opacity=30);

herumprobiere, wendet er die Transparenz auf die Schrift und nicht auf den Hintergrund an.

Kann mir da vll jmd weiterhelfen?

Danke schon mal im Voraus und liebe Grüße
Martin

 

[bodo92]

Das Opacity wirkt sich auf das gesamte Element aus.
Da aber in dem Elternelement <div id="wrap" class="boxed"> die background-color festgelegt ist änderst du mit Opacity "sichtbar" nur die Schrift mach mal bei <div class="container"> background-color: black; dann siehst du was ich meine..

 

[martinfre]

Ah, okay, danke. Das DIV hatte ich ganz übersehen.
Ist es denn möglich, die Transparenz nur auf den Hintergrund des DIV und nicht dessen Inhalt zu beziehen?

 

[bodo92]

background-color: rgba(255,255,255,0.3);

 

[pax]

Gib deinem #wrap eine background-color: rgba(255,255,255,0.7) und entferne die backgroundcolor: white bei allen Unterelementen.

 

[martinfre]

Vielen Dank für die Hilfe!