z-index ordnet nicht so wie ich will

Status
Nicht offen für weitere Antworten.

shrewm

Mitglied
Hallo,
ich habe zwei DIVs - das eine soll Text enthalten und das andere ein Bild welches teilweise Transparent ist. Das Bild soll HINTER dem Text dargestellt werden und nicht andersrum (so wie es bei mir gerade der Fall ist). Hier mal der Codeausschnitt:
Code:
         <td valign="top" width="100%"><div style="z-index: 2;">
            <center><h2>Vortrag: Linux-Gruppen</h2></center>
            a b c d e<br>
            f g h i j k
         </div></td><div style="background-image:url(dreieck.gif); width: 300; height: 300; position: fixed; left: 170; bottom: 10; z-index: 1;"></div>
Wie schon gesagt, mein Problem ist, dass der div mit z-index: 1 trotzdem AUF dem div mit z-index: 2 liegt. Gibt es ne Möglichkeit das Problem zu beheben?

Danke schonmal :)
 
Darf man fragen, wieso du die Hintergrundgrafik nicht direkt für das erste DIV verwendest?

Den Angaben / Werten zu den CSS-Eigenschaften width,height,left,bottom fehlt die Einheit px, was in den non-IE Browsers zu Darstellungsfehler führt (!)

Mein Tipp für dein Problem mit der Schichtposition z-index:

HTML:
<div style="position:relative; z-index:2;">
 
Status
Nicht offen für weitere Antworten.
Zurück