Como fazer sobreposição de imagem em HTML (algo como marcador no topo da google map)?

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

  •  01-07-2019
  •  | 
  •  

Pergunta

Alguém sabe como fazer sobreposição de imagem ou aparecer em cima uns dos outros em HTML? O efeito será algo como o marcador / ícone aparecer no Google Map, onde o usuário pode especificar a cota da segunda imagem aparecer na primeira imagem.

Graças.

Foi útil?

Solução

Você pode usar recipientes <div> para o conteúdo separado em várias camadas. Por conseguinte, os recipientes div tem que ser posicionada de forma absoluta e marcado com um índice z. por exemplo:

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

É claro que o conteúdo também pode contém imagens, etc.

Outras dicas

Use a tag DIV e CSS posicionamento absoluto, com a propriedade z-index.

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

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top