Sampai sekarang saya mendapatkan halaman web dengan bilah navigasi, yang bertanggung jawab untuk ukuran layar, semuanya baik-baik saja sampai saat ini. Tapi sekarang menjadi agak aneh bagi saya, saya ingin menambahkan ikon pencarian (pembesar) di sudut kiri bawah. Ide saya adalah menggunakan elemen "selain" (atau bagian "selain"?) yang didukung di html5, tetapi jika saya meletakkan ikon saya di elemen samping ini, itu tidak terlihat. Saya harap Anda dapat membantu saya. berikut beberapa kode html:

HERE IS SOME OTHER CODE WHICH WORKS PERFECT
.
.
.

<!-- Search Icon beginn -->
<aside>
  <div class="searchicon">
    <a href="#"><img src="img/Searchicon.png" alt="Search" height="30px" width="30px"></a>

  </div>
</aside>

<!-- Search Icon end -->

</body> 

Rencana saya adalah ikon pencarian selalu di sebelah kiri halaman web (semacam bilah sisi), saya tidak ingin menutupi teks yang ada di situs nanti.

Terima kasih untuk Anda!

1
CodeIsLaw 17 Januari 2020, 00:29

2 jawaban

Jawaban Terbaik

Coba ubah z-index di css yang pada dasarnya akan memindahkan elemen HTML ke depan/belakang :

.searchicon {
    z-index: 2;
}

/*
Set the value to negative if you want the element to move backwards.
*/
0
Bryson Lee 16 Januari 2020, 21:47

Penempatan elemen HTML dikontrol di CSS Anda. Dalam kasus Anda, ini adalah kelas searchicon. Anda belum memberikan CSS tetapi mungkin terlihat seperti ini:

.searchicon {
    position: fixed;
    left: 150px;
    bottom: 150px;
    z-index: 2;
}

Sebagai catatan, elemen samping mungkin tidak opsi "paling semantik" berdasarkan apa yang telah Anda jelaskan. Selain HTML5 dimaksudkan untuk memuat konten yang tidak secara langsung berhubungan dengan konten utama halaman. Misalnya sidebar yang berisi artikel terkait.

0
j-petty 16 Januari 2020, 22:04