Как сделать наложение изображений в HTML (что-то вроде маркера поверх карты Google)?
Вопрос
Кто-нибудь знает, как накладывать изображения или отображать их друг над другом в 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.
Не связан с StackOverflow