Frage Opacity

[benbas39]

Hey, ich habe ein DIV-Element mit der ID: Wrapper. Der Body hat ein Background-IMG. Daher wollte ich, dass der Wrapper eine Opacity von 0.5 hat. Jetzt kommt aber in den Header-Bereich des Wrappers ein Logo, welcher somit auch die Opacity von 0.5 hat. Wie kann ich das ändern? Also das Logo(IMG) soll kein bisschen durchsichtig sein.

img.logo {
opacity: 1 !important;
}

geht nicht.

- benbas

 

[Tronjer]

Opacity wird auf Child-Elemente vererbt.

 

[benbas39]

Opacity wird auf Child-Elemente vererbt.

Kann man das Vererben unterdrücken?

 

[MrMurphy]

Hallo

Kann man das Vererben unterdrücken?

Nein. Das ist ein Nachteil von opacity.

Du kannst dich statt dessen mit Farben mit einem Alpha-Kanal beschäftigen. Also rgba oder hsla.

Wrapper sind zudem meist nicht erforderlich, den wirst du also weglassen können.

Gruss

MrMurphy

 

[benbas39]

Wrapper sind zudem meist nicht erforderlich, den wirst du also weglassen können.

Naja is ja nur ein Div, dementsprechend ist Wrapper nur ein Name.

Ich habe's jetzt mal so gelöst:

    background: rgba(255,255,255,.5);

danke.