Existe-t-il une valeur maximale/minimale possible pour le CSS z-index
propriété?
Les différents navigateurs ont-ils différentes valeurs maximales/minimales acceptées?
Comment les navigateurs géreront-ils une valeur élevée/faible?
Je pensais avoir lu quelque part une fois un max z-index
valeur. J'ai peut-être tort.
Merci d'avance!
Ce sont les valeurs maximales.
Navigateur Max z-index value En cas de dépassement, la valeur devient: Internet Explorer 6 2147483647 2147483647 Internet Explorer 7 2147483647 2147483647 Internet Explorer 8 2147483647 2147483647 Firefox 2 2147483647 * l'élément disparaît * Firefox 3 2147483647 0 Safari 3 16777271 16777271 Safari 4 2147483647 2147483647 Chrome 29 2147483647 2147483647 Opera 9 2147483647 2147483647
Je l'ai trouvé quelque part sur le Web.
Incroyablement, c'est la valeur maximale de l'index z du chrome.
.css('z-index', '99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999').css('z-index')
Si vous ajoutez un chiffre supplémentaire, il ira à 1e+308
Trouvé des informations plus récentes de 2012:
"Chrome, Opera et IE9 semblent être les seuls navigateurs prenant en charge une véritable valeur infinie pour le z-index, tandis que Firefox utilise toujours 2147483647 et Safari se livre maintenant à un étrange comportement d'arrondi après un le nombre dépasse 16 chiffres. "
Voici la source: Z-index de la Seconde Guerre mondiale