Como fazer sobreposição de imagem em HTML (algo como marcador no topo da google map)?
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.
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.
css .
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow