Hace un par de meses lancé un nuevo sitio y recibí una queja de que aparecía un anuncio en la tabla de clasificación sobre un menú desplegable que tenía en la página. Bastante simple, inspeccioné el css del anuncio, vi que tenía un índice z de 999 y subí el índice z en el menú a 1, 000. Problema resuelto. El mismo problema nuevamente un par de semanas después, lo elevó a 10, 000. Nuevamente hoy tuve que inspeccionar otro anuncio que estaba causando el mismo problema. Tenía un índice de 1 millón. Que molesto.
Sin embargo, eso me hizo preguntarme cuál es el valor máximo en el que podría establecer un índice z. Al examinar la documentación de CSS, no parecía haber un valor máximo especificado. La respuesta, en Firefox, IE y Chrome es:
2147483647
Ese es el valor máximo con signo de un entero de 32 bits. Técnicamente, me imagino que esta limitación proviene del lenguaje de programación en el que se creó el navegador. Estoy seguro de que hay algunos navegadores más antiguos en los que establecerlo en este valor puede hacer que algo se rompa. Sin embargo, cosas interesantes. Por lo tanto, si desea asegurarse de que su elemento esté 100% seguro en la parte superior, configúrelo en 2147483647. Problema resuelto. Sin embargo, en realidad, me pareció muy molesto que un anuncio lo hubiera establecido en un número tan alto. Teniendo en cuenta que en cualquier página dada, habrá una cantidad muy limitada de capas, establecerlo en un número mucho menor debería ser el truco.
