<img> per z-index als Hintergrundbild

[Auge]

Hallo

Andere Möglichkeit wäre ein Bild fest auf die Seite zu legen, nicht als Background. Das wäre dann skalierbar. Aber ich bekomme das mit z-Ebene nicht hin, das im Hintergrund zu halten. Woran kann das liegen?

Das geht ganz einfach mit z-index. Damit wird das damit ausgezeichnete Element in den Vordergrund geholt oder den Hintergrund verschoben. Das heißt aber noch nicht, dass es an der richtigen Stelle steht. Dazu muss es noch über einem anderen Element positioniert werden.

<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=SELFHTML: z-index>
<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=SELFHTML: position>

<img src="background.png" alt="" width="" height="" id="hintergrund">  
<div id="inhalt"><!-- Hier kommt der Inhalt der Seite rein. --></div>

  
#hintergrund {  
z-index:-1; /* nach hinten verschieben (beachte die Anmerkungen unter 'Beachten Sie' in der SELFHTML-Beschreibung von z-index */  
position:absolute;  
top:...;  
left:...;  
}  

Tschö, Auge