ChrisB: DIV in den Hintergrund bringen

Beitrag lesen

Hi,

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.

Und warum  kannst du es nicht eben diesem Element als Hintergrundbild verpassen, und entsprechend positionieren?

Da das jetzt alles ziemlich verwirrend klingt ein Beispiel.

Das macht's kaum besser, eher noch verwirrender.

<div style="background-color: black; color: yellow; z-index: 1;">
text text text text text text text text text text text text text text

Abgesehen davon, dass z-index ohne Positionierung keine Wirkung hat, sollte das wohl ein P statt eines Divs sein, wenn es Fliesstext enthaelt.

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

Wie man in dem Bild hier erkennt, liegt die Grafik aber über dem Text.

Hier darf z-index jetzt wirken, weil das Element positioniert ist.
Du hast es auf der z-Achse weiter nach vorn legen lassen - und wunderst dich jetzt, dass es weiter vorne ist als der Text ...?

MfG ChrisB