How to superimpose multiple layers in the html on each other?

Hello! how to overlay several images on top of each other in html? There are 4 images with alpha channel and the same size as them all to combine into one? What is the best way to implement?
June 7th 19 at 14:34
2 answers
June 7th 19 at 14:36
each div you want to put with each other a property
position:relative
and look in the direction of z-index it can be used to overlay images one by one. Order only to be put down.
June 7th 19 at 14:38
<style>
 .img-wrap {
 position: relative;
}
 .img-wrap img {
 position: absolute;
}
</style>
<div class="img-wrap">
 <img src="Link to image" alt>
 <img src="Link to image" alt>
 <img src="Link to image" alt>
 <img src="Link to image" alt>
</div>

Find more questions by tags JavaScriptHTMLCSS