web-dev-qa-db-fra.com

CSS - valeur max z-index

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!

58
Web_Designer

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.

103
Netizen110

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

19
Netizen110

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

1
Alex Vang