div lässt sich nicht überlappen

[xXSpikeXx]

Habe folgendes Problem, ich möchte ein Bild haben als hintergrund , aber dennoch als img!

Darüber soll mein datepicker kalender, habe den z-index angepasst aber es funktioniert trotzdem nicht, weiß jemand wieso?

Das Bild:
<img style="z-index:1" width=1265" src="fragenbogen_oben_mitte.png" alt="Grafik"><br>

Der Kalender:
<div id='calendar' style="width:750px; z-index: 10" ></div>

[xXSpikeXx]

ach verdammt, habe das bild gefixed und jetzt funktioniert es -.- Sorry

[Efchen]

Eben, z-index nur in Verbindung mit position.

[xXSpikeXx]

ok es klappt nun nicht mehr-.- es geht nun um ein bild (hintergrund), einen link und einen text (also zwei differenzierte komponenten).

alle haben position:relative und werden über ein großes div um alles mittig zentriert. der link + text haben den z-index: 20 und das bild 1, dennoch wird der text+link unter dem bild angezeigt.

zentriert sind sie aber.

xXSpikeXx

[xXSpikeXx]

hier der code:

<center><div>
<img style="position:relativ; z-index:1" src="fragenbogen_oben_mitte.gif" alt="Grafik">
<div id="meindiv" style="position:relative; z-index:20px" >Ihr Termin wurde gebucht.</div>
</div></center>

das bild wird zentriert angezeigt und der text zentriert darunter

[Christian Marquardt]

Ursache könnte sein, das der z-index nicht in px anzugeben ist

[xXSpikeXx]

oh das hab ich übersehn, aber ist nicht der fehler leider :/

[Christian Marquardt]

Die Angabe relative führt doch nicht dazu, dass sich die Elemente überlappen. In deinem Fall wird erst das Image dargestellt und darunter das div mit dem Text. relative ohne eine Positionsangabe ist wie static. Also erreichst du eine Überlappung mit top:-50px bei dem div mit dem Text. damit wird der Text nach oben geschoben und der z-index funktioniert dann auch

[xXSpikeXx]

Super Danke, das mit dem top:-50px war die Lösung...

Danke