Wie macht man Bild-Overlay in HTML (etwas wie Marker oben auf Google-Karte)?

Jeder weiß, wie man Bild-Overlay macht oder übereinander in HTML erscheint? Der Effekt wird so etwas wie die Markierung / Symbol auf Google Map erscheinen, wo der Benutzer die Koordinate des zweiten Bildes auf dem ersten Bild erscheinen angeben kann.

Danke.

Antwort auf "Wie macht man Bild-Overlay in HTML (etwas wie Marker oben auf Google-Karte)? " 3 von antworten

Verwenden Sie ein DIV-Tag und csS absolute Positionierung mit der z-index-Eigenschaft.

http://www.w3.org/TR/CSS2/visuren.html

Sie können <div> containers to seperate content into multiple layers. Therefore the div containers have to be positioned absolutely and marked with a z-index. for instance: Container verwenden, um Inhalte in mehrere Ebenen zu trennen. Daher müssen die div-Container absolut positioniert und mit einem z-Index gekennzeichnet werden. zum Beispiel:

<div style="position: absolute; z-index:100">This is in background</div> 
<div style="position: absolute; z-index:5000">This is in foreground</div> 

Natürlich kann der Inhalt auch Bilder enthalten, etc.