Как наложить несколько слоев в html друг на друга?

Question

[Kooper_pro]

Здравствуйте! как наложить несколько картинок друг на друга в html? Есть 4 картинки с альфа-каналом и одинаковым размером, так как их все месте совместить в одну? Как это лучше реализовать?

Answer 1

[Петр]

у каждого div который хотите поставить друг на друга свойство
position:relative
и смотрите в сторону z-index с его помощью можно накладывать картинки одну на одну. Порядок только проставить.

Answer 2

[Адам Сулумов]

<style>
	.img-wrap {
		position: relative;
	}
	.img-wrap img {
		position: absolute;
	}
</style>
<div class="img-wrap">
	<img src="Ссылка на картинку" alt="">
	<img src="Ссылка на картинку" alt="">
	<img src="Ссылка на картинку" alt="">
	<img src="Ссылка на картинку" alt="">
</div>