¿Cómo superponer imágenes en HTML (algo así como un marcador en la parte superior del mapa de Google)?
Pregunta
¿Alguien sabe cómo superponer imágenes o aparecer una encima de otra en HTML?El efecto será algo así como el marcador/icono que aparece en Google Map donde el usuario puede especificar la coordenada de la segunda imagen que aparece en la primera.
Gracias.
Solución
Puedes usar <div>
contenedores para separar el contenido en múltiples capas.Por lo tanto, los contenedores div deben colocarse de manera absoluta y marcarse con un índice z.por ejemplo:
<div style="position: absolute; z-index:100">This is in background</div>
<div style="position: absolute; z-index:5000">This is in foreground</div>
Por supuesto, el contenido también puede contener imágenes, etc.
Otros consejos
Utilice una etiqueta DIV y posicionamiento absoluto CSS, con la propiedad z-index.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow