Jörg Ertelt: Layer auch unter IE4.0

Beitrag lesen

Hallo!
kennt jemand eine Möglichkeit für den IE um zwei Grafiken  übereinander, aber verschoben darzustellen wie dies mit dem "layer" unter Netscape funktioniert?
Gruß Hans

Hallo Hans,

Das läßt sich mit dem DIV-Tag lösen. Der Code könnte dann folgendermaßen aussehen:

<DIV ID="Grafik_1" STYLE="position:absolute; top: 100; left: 100; z-index: 0">
<img src="Grafik_1.gif" width= Breite der Gerafik, height: Hoehe der Grafik>
</DIV>

<DIV ID="Grafik_2" STYLE="position:absolute; top: 120; left: 120; z-index: 1">
<img src="Grafik_2.gif" width= Breite der Gerafik, height: Hoehe der Grafik>
</DIV>

Mit top und left werden die Grafiken (von der oberen linken Bildschirmecke aus gesehen) positioniert. Bei der zweiten Grafik ist die top und left Position um jeweils 20 Pixel erhöht. Dadurch liegen die Grafiken verschoben übereinander - wie gewünscht.

Mit z-index gibst Du an, welche Grafik unten bzw. oben liegt. z-index: 0 bedeutet, daß diese Grafik an unterster Stelle liegt.

Gruß

Jörg