it-swarm-pt.tech

CSS - valor máximo do índice z

Existe um valor máximo/mínimo possível para o CSS z-index propriedade?
Navegadores diferentes têm valores aceitos máximo/mínimo diferentes?
Como os navegadores lidam com um valor alto/baixo?

Eu pensei que li em algum lugar uma vez sobre um máximo z-index valor. Talvez eu esteja errado.
Desde já, obrigado!

58
Web_Designer

Estes são os valores máximos.

Valor máximo do índice z do navegador Quando excedido, o valor muda para: 
 Internet Explorer 6 2147483647 2147483647 
 Internet Explorer 7 2147483647 2147483647 
 Internet Explorer 8 2147483647 2147483647 
 Firefox 2 2147483647 * o elemento desaparece * 
 Firefox 3 2147483647 0 
 Safari 3 16777271 16777271 
 Safari 4 2147483647 2147483647 
 Chrome 29 2147483647 2147483647 
 Opera 9 2147483647 2147483647

Encontrei em algum lugar na web.

103
Netizen110

Incrivelmente, esse é o valor máximo do z-index do chrome.

.css('z-index', '99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999').css('z-index')

Se você adicionar mais um dígito, ele irá para 1e+308

19
Netizen110

Encontrei algumas informações mais recentes de 2012:

"Chrome, Opera e IE9 parecem ser os únicos navegadores que suportam um valor infinito verdadeiro para o z-index, enquanto o Firefox ainda está usando o 2147483647 e o Safari agora se envolve em algum comportamento estranho de arredondamento após um número excede 16 dígitos. "

Aqui está a fonte: Índice Z da Guerra Mundial

1
Alex Vang