Beberapa bulan yang lalu saya meluncurkan situs baru dan mendapat keluhan bahwa iklan leaderboard muncul di atas menu tarik-turun yang saya miliki di halaman. Cukup sederhana, saya memeriksa css dari iklan, melihat bahwa itu memiliki indeks-z 999 dan menaikkan indeks z pada menu menjadi 1.000. Masalah dipecahkan. Masalah yang sama lagi beberapa minggu kemudian, menaikkannya menjadi 10.000. Sekali lagi hari ini saya harus memeriksa iklan lain yang menyebabkan masalah yang sama. Itu memiliki indeks 1 juta. Menyebalkan sekali.
Itu membuat saya bertanya-tanya, apa nilai maksimum yang bisa saya atur z-index. Melihat ke berbagai dokumentasi CSS, tampaknya tidak ada nilai maksimum yang ditentukan. Jawabannya, di Firefox, IE, dan Chrome adalah:
2147483647
Itu adalah nilai maksimum dari integer 32 bit. Secara teknis, saya akan membayangkan keterbatasan ini berasal dari bahasa pemrograman yang dibuat peramban. Saya yakin ada beberapa browser yang lebih tua di mana pengaturannya ke nilai ini mungkin membuat sesuatu rusak. Hal-hal menarik sekalipun. Jadi, jika Anda ingin memastikan elemen Anda benar-benar 100% pasti di atas, atur ke 2147483647. Masalah terpecahkan. Namun dalam kenyataannya, saya merasa sangat menjengkelkan bahwa iklan telah menetapkannya ke angka yang tinggi. Mempertimbangkan pada halaman yang diberikan, akan ada jumlah lapisan yang sangat terbatas, pengaturannya ke angka yang jauh lebih kecil harus melakukan trik.
