Seringkali kita lihat z-index bergentayangan namun kadang tidak semua para pembaca memahami apa maksud dari z-index. Biar saya jelaskan apa yang saya ketahui tentang z-index dan semoga bermanfaat.
Z-index dapat berfungsi untuk menentukan letak atau posisi suatu elemen, kita dapat menempatkan elemen tersebut dibawah atau diatas elemen lainnya. Maksud dibawah dan diatas ini adalah kedalaman, bukan posisi atas atau bawah dalam arti sebenarnya. Jika Anda sudah tidak asing lagi dengan yang namanya “layer” tentu Anda akan paham maksud diatas dan dibawah yang saya sebutkan diatas. Dalam bahasa lainnya adalah “ditimpa”, maksud dari “diatas” adalah menimpa gambar lainnya. Lihat gambar berikut : (lihat gambar).
Gambar tersebut menampilkan kotak biru yang menimpa 2 kotak lainnya, ini yang dimaksud dengan z-index. Kita juga sering lihat x atau y pada beberapa koding. Berbeda dengan x atau y yang bertugas dalam urusan ketinggian dan lebar sedangkan z berurusan dengan kedalaman.
Masih bingung ? Lihat : Video Tutorial Membuat z-index, Memahami z-index.
Selamat mencoba !
Baca Juga: