¿Hay un valor máximo/mínimo posible para la propiedad CSS z-index?
¿Tienen diferentes navegadores diferentes valores máximos/mínimos aceptados?
¿Cómo manejarán los navegadores un valor alto/bajo?CSS - max z-index value
Pensé que leí en alguna parte sobre un valor máximo de z-index. Puede ser que esté equivocado.
¡Gracias de antemano!
Estos son los valores máximos.
Browser Max z-index value When exceeded, value changes to: Internet Explorer 6 2147483647 2147483647 Internet Explorer 7 2147483647 2147483647 Internet Explorer 8 2147483647 2147483647 Firefox 2 2147483647 *element disappears* Firefox 3 2147483647 0 Safari 3 16777271 16777271 Safari 4 2147483647 2147483647 Chrome 29 2147483647 2147483647 Opera 9 2147483647 2147483647
Lo encontré en algún lugar de la web.
¡Interesante! ¿Chrome maneja esto de la misma manera que Safari? –
Lo publicó en otra respuesta. – Netizen110
Se encontró la misma información aquí: http://www.puidokas.com/max-z-index/. Entonces esta puede ser la fuente. Sin embargo, la información es de 2009. – AnAurelian
Increíblemente, este es el valor de z-index máximo de cromo.
.css('z-index', '99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999').css('z-index')
Si se agrega un dígito más se va a ir a 1e+308
No lo creo. Ahora tengo el último chrome y cualquier cosa mayor que '2147483647' no funciona. –
El número que ha publicado es uno menos de 1e + 308 (10^308), por lo que a partir de su descripción no puedo entender por qué ese debería ser el mayor valor admitido. ¿Lo intentó, por ejemplo, 1e310? – Njol
En realidad, al establecer algo por encima de 2147483647 configure el zIndex en 2147483647, es decir, 2^31-1. Existe una diferencia entre establecer un valor y el valor realmente almacenado (y utilizado) por el navegador. –
encontrado alguna información más reciente a partir de 2012:
"Chrome, Opera e IE9 parecen ser los únicos navegadores que soportan un cierto valor infinito para el índice z, mientras que Firefox todavía usa 2147483647 y ahora Safari se comporta de forma extraña al redondear después de que un número excede 16 dígitos de longitud ".
Aquí está la fuente: World War Z-index
@Indranil No vio que pregunta, gracias por el enlace! –