Un paio di mesi fa ho lanciato un nuovo sito e ho avuto un reclamo sul fatto che un annuncio della classifica fosse visualizzato sopra un menu a discesa che avevo sulla pagina. Abbastanza semplice, ho ispezionato il CSS dell'annuncio, ho visto che aveva un indice z di 999 e ho aumentato l'indice z nel menu a 1.000. Problema risolto. Lo stesso problema ancora un paio di settimane dopo, lo portò a 10.000. Ancora oggi ho dovuto ispezionare un altro annuncio che causava lo stesso problema. Aveva un indice di 1 milione. Che noioso.
Questo mi ha fatto pensare, qual è il valore massimo a cui ho potuto impostare un indice z. Esaminando varie documentazioni CSS, non sembrava esserci un valore massimo specificato. La risposta, in Firefox, IE e Chrome è:
2147483647
Questo è il valore massimo con segno di un numero intero a 32 bit. Tecnicamente, immagino che questa limitazione derivi dal linguaggio di programmazione in cui è stato creato il browser. Sono sicuro che ci sono alcuni browser più vecchi in cui impostarlo su questo valore potrebbe rompere qualcosa. Roba interessante però. Quindi, se vuoi assicurarti che il tuo elemento sia assolutamente sicuro al 100% in cima, impostalo su 2147483647. Problema risolto. In realtà, tuttavia, ho trovato molto fastidioso che un annuncio lo avesse impostato su un numero così alto. Considerando ogni pagina, ci sarà un numero molto limitato di livelli, impostandolo su un numero molto più piccolo dovrebbe fare il trucco.
