Hintergrund transparent

[extrazeit]

Ich habe im Shop ein Hintergrundbild eingefügt und möchte dass der Content leicht transparent ist.
Füge ich nun in der layout.css z.B. die Anweisung "opacity: 0.4;" ein,
werden auch die Bilder, Schrift etc. transparent.... wie kann ich das vermeiden?

Danke für eure Hilfe!

[Martens]

Hallo Josef,

nimm "opacity" raus und mach nur die Hintergrundfarbe für den Content transparent. Das geht mit der rgba-Farbdefinition, da diese einen Alpha-Kanal für die Transparenz enthält. Hier werden die Anteile der RGB-Kanäle nicht als Hex- sondern als Dezimalwert jeweils von 0 bis 255 angegeben und die Transparenz von 0 = durchsichtig bis 1 = deckend.
Beispiel:

Code: Alles auswählen

background-color:rgba(0,0,255,0.45);

erzeugt einen blauen Hintergrund mit 45% Deckkraft.

Grüße
Martin

[extrazeit]

Servus Martin!

Danke... das war es, leider werde ich es doch nicht angehen -
da ich ja alle Boxen auch transparent setzen müsste!