✔ Css Hintergrund auf dem Hintergrund

[SebiPuck]

Hallo, ich wollte fragen, wie ich auf dem
Body Background ( ich habe ein Bild definiert)
nochmal ein kleineres Bild für den Hintergrund angeben kann, welches auf dem Background drauf "liegen" sollte,
aber dennoch hinter der Seite sein sollte. Wie kann ich das realisieren ?
LG.: Sebi

 

[SpiceLab]

Mit einem absolut positionierten <img>-Tag wäre dies beispielsweise realisierbar.

Das <img>-Element erhält als Schichtposition z-index:1 und der vorhandene Seiteninhalt (bei relativer Positionierung!) einen höheren z-index-Wert.

http://www.cssplay.co.uk/layouts/background.html bietet dafür den grundsätzlichen Lösungsansatz, in dem dann die Bilddimension deinen Vorstellungen entsprechend kleiner ausfallen würde.

 

[luaksi]

Hallo an alle,

habe eine ähnliche Frage:

kann ich einen normalen Layer (soll einfach nur Hintergrundfarbe weiß haben - ein weißes Rechteck) hinter einen Layer der nicht absolut positioniert (sondern mit "marginXYpx auto 0") ist legen?

#Layer1 {
width:300px;
height:115px;
z-index:4;
margin: 25px auto 0;

sieht so aus.

Die Hintergrundfarbe der ganzen Seite ist gelb und ich würde im oberen Bereich gerne ein weißes Rechteck hinter die Ebenen (mit Schrift) setzen.

 

[MarcoPaulini]

Hi,
@SebiPuck: Du solltest einfach ein div mit dem entsprechenden Bild als Hintergrund und dem z-index: 1 auf den Hintergrund legen, wie spicelab bereits sagte.

@luaksi: Wenn das eine div über einem anderen liegen soll, kannst du die beiden div's verschachteln und das innere dann positionieren.