• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] div transparent mit nichttransparener schrift

ChefDeus

New member
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
 
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.
 
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.
 
Zurück
Oben