Hintergrund transparenz

[leooob]

Hallo!

Ich möchte einen Text hervorheben, indem ich den Hintergrund des Textes transparent und leicht weiß mache. Folgenden Code hatte ich dafür:

<div style="filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background-color: #FFF;">

Das Problem ist nun aber, dass auch der Text transparent ist. Wie löse ich dieses Problem?

Beste Grüße,
Leo

 

[MrMurphy]

Hallo

Indem du als Hintergrundfarbe (background-color) des Textes eine Farbe mit Alphakanal nimmst (rgba oder hsla). Durch den Alphakanal kann zwischen 1 und 0 die Transparenz bestimmt werden. 1 = Vollfarbe, 0 = durchsichtig. Kommawerte werden mit einem Punkt dargestellt, z. B. 0.5

Für weiß mit 50% Transparenz zum Beispiel

rgba(255, 255, 255, 0.5)

oder

hsla(360, 0%, 100%, 0.5)

Gruss

MrMurphy

 

[leooob]

Wo genau muss ich das nun einfügen?

 

[SpiceLab]

Wo genau muss ich das nun einfügen?

Hat MrMurphy doch erläutert:

Indem du als Hintergrundfarbe (background-color) des Textes eine Farbe mit Alphakanal nimmst (rgba oder hsla).

<div style="background-color:rgba(255, 255, 255, 0.8);">