Stefan Müller: 2 Bilder miteinander 'verkleben'

Beitrag lesen

Beispiel:

<div style="position: absolute; width: 50px; height:50px; top: 100px; left:100px; z-index: 1;"><img src="bild1.gif" width="50" height="50"></div>

<div style="position: absolute; width: 50px; height: 50px; top: 125px; left: 125px; z-index: 2;"><img src="bild2.gif" width="60" height="60"></div>

gibt 2 bilder die sich überschneiden ... :-)

mfg

Naja eigentlich schon - du kannst das auch ohne DHTML - das ist eher eine Möglichkeit, die durch CSS hervorgerufen wird.

Du schreibst die 2 Bilder in 2 verschiedene Layer. Gibst den Layern das CSS Attribut "position:absolute", positionierst sie über die Attribute "left" und "top" und gibst ihnen einen Z-Index

Je höher der Index, desto weiter vorne wird der Layer gezeigt.

mfg