Comment faire pour superposer une image en HTML (quelque chose comme un marqueur au-dessus de Google Map)?

StackOverflow https://stackoverflow.com/questions/100376

  •  01-07-2019
  •  | 
  •  

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.

Était-ce utile?

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.

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top