Beberapa bulan yang lalu saya meluncurkan situs baru dan mendapat keluhan bahwa iklan papan peringkat muncul di atas menu dropdown yang saya miliki di halaman. Cukup sederhana, saya memeriksa css iklan, melihat bahwa ia memiliki indeks-z 999 dan menaikkan indeks-z pada menu menjadi 1.000. Masalah terpecahkan. Masalah yang sama lagi beberapa minggu kemudian, naik 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, berapa nilai maksimum yang bisa saya atur untuk 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 yang ditandatangani dari integer 32 bit. Secara teknis, saya akan membayangkan batasan ini berasal dari bahasa pemrograman tempat browser dibuat. Saya yakin ada beberapa browser yang lebih tua di mana pengaturan ke nilai ini mungkin membuat sesuatu rusak. Hal-hal yang menarik. Jadi, jika Anda ingin memastikan elemen Anda benar-benar 100% yakin di atas, atur ke 2147483647. Masalah terpecahkan. Namun dalam kenyataannya, saya merasa sangat menjengkelkan bahwa iklan telah mengaturnya ke angka yang begitu tinggi. Mempertimbangkan pada halaman tertentu, akan ada jumlah lapisan yang sangat terbatas, mengaturnya ke jumlah yang jauh lebih kecil harus melakukan trik.
