Encoder: z-index bei position:absolute

Beitrag lesen

Hallo

Ich möchte in eine bestehende Webseite ein div in den Hintergrund legen, das da eine Grafik anzeigt. Das div soll das bestehende Layout nicht beeinflussen, außer natürlich optisch.

Ich mach etwas in dieser Art, wers probieren will:
<html>
<body>
<div style="border:3px solid red; color:yellow; font-size:20px; font-weight:bold; position:absolute; top:0px; left:0px;">
Hier kommt eine Hintergrundgrafik rein<br />dieses div soll hinter dem Rest liegen.
</div>
<div style="border:3px solid blue; color:green;">
Das hier<br />soll der<br />normale Inhalt<br />meiner Seite sein.
</div>
</body>
</html>

Das absolut positionierte div liegt immer im Vordergrund. Mit z-index könnte ich das auch wieder sortieren, allerdings müsste ich dann entweder mein div auf -1 setzen, was nicht alle Browser können, oder ich müsste den ganzen Rest ändern und das will ich auch nicht.

Ist es normal dass so positionierte Elemente immer oben liegen? Ich kann mein zweites div (das in gelb) vor oder nach dem anderen notieren, das macht keinen Unterschied bzgl. der Reihenfolge.