Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
element tetap tertindih meskipun saya set z-index ke 999
saya sudah set z-index: 0 ke elemen yg menindih elemen dengan class message box.
dan saya sudah set z-index: 999 ke elemen yang mempunyai class message box.
jadi elemen yg menindih elemen yg mempunyai class message box, dia hanya menindih background class message box nya saja tapi childnya tidak ditindih.
pertanyaannya: bagaimana saya membuat background elemen dengan class message box itu tidak tertindih?
Tanggapan
maaf kalau anda bingung karena saya tidak mengirim gambar apa pun. Sebenarnya saya sudah mengupload gambarnya, dan saya sudah coba 2 kali tapi gambarnya tetap tidak muncul
2 Jawaban:
<div>Jika kamu ingin menggunakan z-index silahkan kasih position : relative; terlebih dahulu pada Css element yg akan menggunakan z-index</div>
Tanggapan
elemen yang tertindih (dengan class message box) itu position nya fixed. Elemen yg menindih elemen (dengan class message box) position nya relative. jadi Elemen yg mempunyai class message box itu tetap tertindih
Bisa Lisa SC ny
maaf, SC dan lisa itu apa aya?
*Bisa Liat Script Nya
https://codepen.io/aldhaneka/pen/MWybRBe
Jawaban Terpilih
<div>Oh setelah saya lihat , itu .message-box nya background nya transparan , jadi keliatannya Text di atas boxnya , aslinya itu di belakangnya karena transparan jadi keliatan silahkan ubah<br>background-color di message-box menjadi<br>background-color : #aaa</div>
Tanggapan
Wah berhasil, saya gak ngira hal sekecil itu bisa mempengaruhi. Maaf ya kak telah menyusahkan. Ini juga jadi pelajaran buat saya kalau background yg bersifat transparan z-indexnya tidak akan terbaca.
Z-indexnya itu aslinya ttp terbaca
oh, berarti hanya ilusi karena backgroundnya transparen
Iya.... . ...