web-dev-qa-db-fra.com

Comment faire une superposition d'images en HTML (quelque chose comme un marqueur sur Google Map)?

Quelqu'un sait comment superposer une image ou apparaître les uns sur les autres en HTML? L'effet sera quelque chose comme le marqueur/l'icône apparaît sur Google Map où l'utilisateur peut spécifier les coordonnées de la deuxième image apparaissent sur la première image.

Merci.

22
smalldream

Vous pouvez utiliser <div> conteneurs pour séparer le contenu en plusieurs couches. Par conséquent, les conteneurs div doivent être positionnés de manière absolue et marqués avec un z-index. par exemple:

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

Bien sûr, le contenu peut également contenir des images, etc.

31
Johannes Hädrich

Utilisez une balise DIV et un positionnement absolu CSS, avec la propriété z-index.

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

3
Subimage