Comment faire pour superposer une image en HTML (quelque chose comme un marqueur au-dessus de Google Map)?
Question
Quelqu'un sait comment superposer des images ou apparaître les unes sur les autres en HTML? L’effet ressemblera au marqueur / à l’icône apparaissant sur Google Map, l’utilisateur pouvant spécifier les coordonnées de la seconde image apparaissant sur la première image.
Merci.
La solution
Vous pouvez utiliser <div>
des conteneurs pour séparer le contenu en plusieurs couches. Par conséquent, les conteneurs div doivent être positionnés absolument 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.
Autres conseils
Utilisez une balise DIV et un positionnement absolu CSS, avec la propriété z-index.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow