Há alguns meses, lancei um novo site e recebi uma reclamação de que um anúncio no cabeçalho estava aparecendo acima de um menu suspenso que eu tinha na página. Simplesmente, inspecionei o css do anúncio, vi que ele tinha um índice z de 999 e subi o índice z no menu para 1.000. Problema resolvido. O mesmo problema novamente, algumas semanas depois, aumentou para 10.000. Mais uma vez hoje tive que inspecionar outro anúncio que estava causando o mesmo problema. Tinha um índice de 1 milhão. Que irritante.
Isso me fez pensar, qual é o valor máximo para o qual eu poderia definir um z-index. Examinando várias documentações CSS, não parecia haver um valor máximo especificado. A resposta, no Firefox, IE e Chrome, é:
2147483647
Esse é o valor máximo assinado de um número inteiro de 32 bits. Tecnicamente, eu imagino que essa limitação vem da linguagem de programação em que o navegador foi criado. Tenho certeza de que existem alguns navegadores mais antigos em que defini-lo com esse valor pode causar alguma quebra. Coisas interessantes embora. Portanto, se você deseja garantir que seu elemento esteja absolutamente 100% seguro, defina-o como 2147483647. Problema resolvido. Na realidade, porém, achei muito irritante que um anúncio o tivesse definido para um número tão alto. Considerando que em qualquer página, haverá uma quantidade muito limitada de camadas, defini-la para um número muito menor deve fazer o truque.
