div transparent mit nichttransparener schrift

**ChefDeus** · 21-02-2019, 00:41

Hiho,

kann mir jemand sagen wie ich es verwirklichen das ein div kontainer einen halbtransparenten hintergrund hat (das bekomme ich mit opacity hin),
aber die schrift nicht transparent wird sondern gut lesbar bleibt...

grus
Dennis

**mikdoe** · 21-02-2019, 08:06

Die Schriftfarbe wird mit color gesetzt.

**kkapsner** · 22-02-2019, 22:37

Du darfst bei dem Element nicht die opacity setzen, da durch immer auch die Schrift durchsichtig wird. Ist der Hintergrund ein Bild oder einfach nur eine Farbe?

Bei Farbe kannst du über background-color: rgba(255, 0, 0, 0.5); die Farbe transparent machen.

Bei einem Bild würde ich innerhalb dem Element ein zweites Element packen, dass du mit

Code:

position: absolue;
top: 0;
left: 0;
right: 0;
bottom: 0;

über die ganze Fläche spannst und dann gibst du diesem Element das Hintergrundbild und die opacity.

**cartny36** · 01-04-2019, 23:51

Zitat von kkapsner

Du darfst bei dem Element nicht die opacity setzen, da durch immer auch die Schrift durchsichtig wird. Ist der Hintergrund ein Bild oder einfach nur eine Farbe?

Super Tipp, übrigens sollte jeder Designer auch ein wenig Marketing lernen.
Die meisten tollen Effekte sind eher Kontraproduktiv. Das Produkt soll im Vordergrund stehen und nicht die Seite.