Image overlay

Wappler General Need Help
1

Hello,
Please, how to overlay a image on another image?
Thanks.

1 Like
2

Hi, you can do so with absolute positioning and z-index css styles.

<div class="image-container">
<img class="overlay-image">
<img class="other-image">
</div>

.image-container {
  position:relative;
}

.overlay-image {
  top:0px;
  left:0px;
  position:absolute;
  z-index:1;
}

.other-image {
  top:0px;
  left:0px;
  position:absolute;
  z-index:0;
}