Ollli: DIV in den Hintergrund bringen

Beitrag lesen

Hallo,

ich bin so langsam wirklich am Verzweifeln. Ich  habe auf meiner HP eine Grafik, die ich als Hintergrund eines DIVs in die Seite positioniere. Das ist ein reines Designelement und kann so nicht als normale Hintergrundgrafik eingebunden werden, weil es innerhalb eines anderen DIVs an eine bestimmte Position soll. Da das jetzt alles ziemlich verwirrend klingt ein Beispiel.

<div style="background-color: black; color: yellow; z-index: 1;">
 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 <div style="background: no-repeat url('img/schlumpf.jpg'); top: 25px; left: 25px; width: 50px; height: 50px; position: absolute; z-index: 2;"></div>
</div>

Ergebnis: http://img4.myimg.de/doofc7748.png

Wie man in dem Bild hier erkennt, liegt die Grafik aber über dem Text. Ich hätte das gerne anders rum, dass der Text über die Grafik fließt. Hat jemand einen heißen Tipp für mich?