html – make 2 layers div position over each other without overlapping


div {
  padding: 30px 0px;
  margin: 20px 150px;
  text-align: center;
}

.div7 {
  position: relative;
  color: #000;
  background-image: url("gradients.jpg");
}

.lildiv7 {
  position: absolute;
  background: rgb(238, 174, 202);
  background: linear-gradient(90deg, rgba(238, 174, 202, 1) 9%, rgba(170, 163, 203, 1) 44%, rgba(167, 190, 200, 0.010723039215686292) 74%, rgba(122, 153, 190, 0.137) 100%);
  padding: 20px 250px;
  margin: 0px;
  transform: translate(0px, -29.5px);
}
<div>
  <div class="div7">
    <div class="lildiv7">transparency</div>
  </div>
</div>



Source link

Latest articles

Related articles

Leave a reply

Please enter your comment!
Please enter your name here