div transparent mit nichttransparener schrift

[ChefDeus]

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]

Die Schriftfarbe wird mit color gesetzt.

[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?

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

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.