Problem mit z-index

[Birke]

Huhuu!

Ich habe ein kleines Problem mit dem z-index und finde den Fehler nicht:

Im Hintergrund der Seite soll je nach Bereich eine andere Grafik angezeigt werden. Daher habe ich einen DIV in meinem Content-DIV gelegt, der diese Grafik abbilden soll. Leider liegt die Grafik immer über allem anderen, anstatt dahinter.

Grafik:

.Watermark{
z-index:1;
position:absolute;
margin-top: 120px;
margin-left: 180px;
}

Inhalte (Beispiel):

.Teaser{
clear:left;
float:left;
z-index: 10;
height:200px;
width: 780px;
margin-left: 10px;
}

Wieso liegt die Grafik über dem Content, wenn die Grafik den z-index 1 und alles andere einen z-index von 10 hat?

Grüße, Birke

 

[rodriguez]

Musse für teaser auch position: absolute angeben, dann klapps

 

[Birke]

Tatsache. Danke rodriguez!

Ist zwar nun ein wenig doof, da alle meine Elemente floaten, doch das werde ich anpassen können.

 

[Jakob]

position:relative reicht auch, dann klappt’s vielleicht auch mit den floats.