Maksimum CSS Z-Index Değeri

Birkaç ay önce yeni bir site yayınladım ve bir afiş reklamının sayfada yer alan bir açılır menüden daha önce göründüğüne dair bir şikayet aldım. Yeterince basit, reklamın css'sini inceledim, 999'luk bir z-endeksi olduğunu ve menüdeki z-endeksini 1000'e çıkardığını gördüm. Sorun çözüldü. Aynı problem birkaç hafta sonra tekrar 10.000'e yükseldi. Yine bugün aynı soruna neden olan başka bir reklamı incelemek zorunda kaldım. 1 milyonluk bir endekse sahipti. Ne kadar can sıkıcı.

Merak ettim ki, z-endeksini ayarlayabileceğim maksimum değer. Çeşitli CSS belgelerine bakıldığında, belirtilen maksimum bir değer görünmüyordu. Firefox, IE ve Chrome'daki cevap şöyledir:

2147483647

Bu, 32 bitlik bir tamsayı için maksimum işaretli değerdir. Teknik olarak, bu sınırlamanın, tarayıcının yapıldığı programlama dilinden geldiğini düşünürdüm. Eminim, bu değere ayarlamanın bazı şeyleri bozabileceği bazı eski tarayıcılar vardır. İlginç şeyler olsa da. Yani, elemanınızın tamamen% 100 emin olduğundan emin olmak istiyorsanız, 2147483647'ye ayarlayın. Sorun çözüldü. Ancak gerçekte, bir reklamın bu kadar yüksek bir sayıya ayarlamasının çok can sıkıcı olduğunu tespit ettim. Verilen herhangi bir sayfada düşünüldüğünde, çok sınırlı sayıda katman olacak, çok daha küçük bir sayıya ayarlanarak numara yapılabilecektir.

Ayrıca Bkz