begrenzte Transparenz

[cheops]

Hallo zusammen,

ich habe folgendes Konstrukt:

<div>
 lorem ipsum...
</div>

...das Div soll eine Transparenz bekommen (Hintergrundfarbe deckt alles hinter dem DIV ab), wobei der Text jedoch NICHT transparent sein soll!
Das Problem dabei ist, dass alles innerhalb des Divs natürlich den Transparentwert vom Div vererbt.... lässt sich das irgendwie verhindern und wenn ja wie?

Danke & Gruß
Marcus

[Gunnar Bittersmann]

@@cheops:

nuqneH

Das Problem dabei ist, dass alles innerhalb des Divs natürlich den Transparentwert vom Div vererbt.... lässt sich das irgendwie verhindern und wenn ja wie?

Indem du nicht das Element selbst, sondern nur dessen Hintergrund transparent machst. http://forum.de.selfhtml.org/archiv/2011/11/t207650/#m1411556

Qapla'

[suit]

...das Div soll eine Transparenz bekommen (Hintergrundfarbe deckt alles hinter dem DIV ab), wobei der Text jedoch NICHT transparent sein soll!
Das Problem dabei ist, dass alles innerhalb des Divs natürlich den Transparentwert vom Div vererbt.... lässt sich das irgendwie verhindern und wenn ja wie?

Indem du eine Hintergrundfarbe definierst, die einen alphakanal hat (Stichwort RGBA).

[Cheatah]

Hi,

Das Problem dabei ist, dass alles innerhalb des Divs natürlich den Transparentwert vom Div vererbt....

die Deckkraft (opacity != Transparenz) vererbt sich nicht. Das Element ist schlicht und ergreifend *komplett* von seiner opacity-Eigenschaft betroffen. Die Inhalte haben weiterhin den Default-Wert opacity:1.

Cheatah