Zwei Hintergrundbilder übereinander legen

  • Hinweis: Am 25.02.2025 zwischen 21:30 u. 22:30 Uhr - Einschränkungen beim Login und Erreichen folgender Dienste: FFN, Kundencenter, Admin, JTL-Shop, JTL-Wawi, Lizenzserver, ISI Gateway, Vouchers, Kassensysteme, Plan&Produce, Versand. Grund dafür ist ein Major Upgrade des OAuth-Dienstes. Vielen Dank für euer Verständnis!

Marcel12

Aktives Mitglied
7. August 2012
12
0
Hallo,

ich habe folgendes vor, ich habe ein recht dunkles Hintergrundbild was dafür sorgt das ich den Text kaum
noch lesen kann.
Meine Idee nun ist es genau mittig auf einer breite 940px ein weiß transparenten Hintergrund über das Bild
einzufügen.

www.sportalm-sylt.com


Danke

Marcel
 

NeuArt

Gut bekanntes Mitglied
5. Februar 2010
65
42
AW: Zwei Hintergrundbilder übereinander legen

hat ja scheinbar funktioniert :) Die einfachste Lösung per CSS:

Hintergrundbild auf den body einbinden:

body {
background-image:url('pfadzumbild.jpg');
}

und auf den Maincontent-Container ein transparentes weiß um die 70-90% Transparenz:

#content {
background-image:url('transparenz_bg.png');
}

und man ist fertig ;)