Come fare foto di sovrapposizione in HTML (qualcosa come marcatore sulla parte superiore della mappa di google)?

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

  •  01-07-2019
  •  | 
  •  

Domanda

Qualcuno sa come fare l'immagine di sovrapposizione o di comparire in cima a vicenda in HTML?L'effetto sarà qualcosa come il marcatore/icona visualizzata sulla Mappa di Google, dove l'utente può specificare le coordinate della seconda immagine appare sulla prima foto.

Grazie.

È stato utile?

Soluzione

È possibile utilizzare <div> contenitori per separare i contenuti in più strati.Quindi il div contenitori devono essere posizionati assolutamente e contrassegnati con un z-index.per esempio:

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

Naturalmente, il contenuto può anche contiene immagini, etc.

Altri suggerimenti

Utilizzare un tag DIV e CSS posizionamento assoluto, con la proprietà z-index.

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

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top