Anonim

Beberapa bulan yang lalu, saya melancarkan laman web baru dan mendapat aduan bahawa iklan papan iklan muncul di atas menu dropdown yang saya ada pada halaman. Sudah cukup, saya memeriksa css iklan, melihat bahawa ia mempunyai z-indeks 999 dan naik z-index pada menu kepada 1, 000. Masalah selesai. Masalah yang sama sekali lagi beberapa minggu kemudian, meningkat kepada 10, 000. Sekali lagi hari ini saya perlu memeriksa iklan lain yang menyebabkan masalah yang sama. Ia mempunyai indeks 1 juta. Betapa menjengkelkan.

Itulah yang membuat saya tertanya-tanya, apakah nilai maksimum yang saya dapat menetapkan indeks z. Melihat ke dalam pelbagai dokumentasi CSS, tidak terdapat nilai maksimum yang ditentukan. Jawapannya, di Firefox, IE, dan Chrome ialah:

2147483647

Itulah nilai maksimum yang ditandatangani integer 32 bit. Secara teknikalnya, saya membayangkan batasan ini datang dari bahasa pengaturcaraan yang dibuat penyemak imbas. Saya yakin terdapat beberapa pelayar yang lebih tua di mana menetapkannya kepada nilai ini mungkin membuat sesuatu pecah. Perkara menarik walaupun. Jadi, jika anda ingin memastikan elemen anda benar-benar 100% pasti di atas, tetapkan kepada 2147483647. Masalah dipecahkan. Namun dalam realiti, saya mendapati ia sangat menjengkelkan bahawa iklan telah menetapkannya kepada jumlah yang tinggi. Memandangkan pada mana-mana halaman yang diberikan, akan ada jumlah lapisan yang sangat terhad, menetapkannya kepada jumlah yang lebih kecil harus melakukan silap mata.

Nilai z-indeks css maksimum