¿Cómo superponer imágenes en HTML (algo así como un marcador en la parte superior del mapa de Google)?

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

  •  01-07-2019
  •  | 
  •  

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.

¿Fue útil?

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.

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

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top