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?

source code

avatar aldhaneka
@aldhaneka

9 Kontribusi 5 Poin

Diperbarui 3 tahun yang lalu

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>

avatar Chin
@Chin

63 Kontribusi 13 Poin

Dipost 3 tahun yang lalu

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

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>

avatar Chin
@Chin

63 Kontribusi 13 Poin

Dipost 3 tahun yang lalu

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.... . ...

Login untuk ikut Jawaban