Как сделать наложение изображений в HTML (что-то вроде маркера поверх карты Google)?

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

  •  01-07-2019
  •  | 
  •  

Вопрос

Кто-нибудь знает, как накладывать изображения или отображать их друг над другом в HTML?Эффект будет чем-то вроде появления маркера/значка на карте Google, где пользователь может указать координату второго изображения, появляющегося на первом изображении.

Спасибо.

Это было полезно?

Решение

Вы можете использовать <div> контейнеры для разделения контента на несколько слоев.Поэтому контейнеры div должны быть позиционированы абсолютно и отмечены z-индексом.например:

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

Конечно, контент также может содержать изображения и т. д.

Другие советы

Используйте тег DIV и абсолютное позиционирование CSS со свойством z-index.

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top