Saya perlu meletakkan ikon di atas gambar.

.item {
  position: relative;
}

.des {
  color: #fff;
  text-align: left;
}
<div class="card">
    <div class="item">
        <img class="card-img-top" src="images/g33.jpg" alt="Avatar">
        <div class="des">
            <i class="fa fa-plus-square" style="font-size:48px;color:red"></i>
       </div>
    </div>
    <div class="card-body">
        <h5 class="card-title ">Farwa Waheed</h5>
        <p class="card-text" style="font-size:13px;"> Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
   </div>
</div>

Saya berharap output menjadi ikon di sisi kiri bawah di atas gambar tetapi output aktual: ikon turun dari gambar

1
Saman Waheed 26 Oktober 2019, 17:42

1 menjawab

Jawaban Terbaik

Anda dapat menggunakan CSS seperti di bawah ini. Anda juga dapat mengubah posisi gambar dengan mengubah nilai left atau bottom.

.item {
  position: relative;
}

.des {
  position: absolute;
  bottom: 0;
  left: 0;
}

Jika tidak bekerja. Biarkan aku tahu.

0
Ibrahim Hasnat 26 Oktober 2019, 15:04