CSS - valeur z-index maximale

Question

Existe-t-il une valeur maximale / minimale possible pour la propriété CSS z-index ?
Des navigateurs différents ont-ils des valeurs maximales / minimales acceptées différentes?
Comment les navigateurs vont-ils gérer une valeur haute / basse?

Je pensais avoir lu quelque part une fois une valeur maximale de z-index . J'ai peut-être tort.
Merci d'avance!

Answer 1

Ce sont les valeurs maximales.

Navigateur Max z-index de la valeur en cas de dépassement, les changements de valeur d':
Internet Explorer 6 2147483647 2147483647
Internet Explorer 7 2147483647 2147483647
Internet Explorer 8 2147483647 2147483647
Firefox 2 de 2 147 483 647 *élément disparaît*
Firefox 3 2147483647 0
Safari 3 16777271 16777271
Safari 4 2147483647 2147483647
Chrome 29 2147483647 2147483647
Opera 9 2147483647 2147483647

Trouvé quelque part sur le web.

Answer 2

Incroyablement, c'est la valeur z-index maximale du chrome.

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

Si vous ajoutez un chiffre supplémentaire, il passera à 1e+308

Answer 3

J'ai trouvé des informations plus récentes de 2012:

"Chrome, Opera et IE9 semblent être les seuls navigateurs prenant en charge une valeur infinie véritable pour l'index z, alors que Firefox utilise toujours 2147483647 et Safari applique maintenant un comportement étrange d'arrondi lorsqu'un nombre dépasse 16 chiffres."

Voici la source: World War Z-index