Il y a quelques mois, j'ai lancé un nouveau site et reçu une plainte indiquant qu'une annonce au classement paraissait au-dessus d'un menu déroulant que j'avais sur la page. Assez simple, j’ai inspecté le css de l’annonce, constaté qu’elle avait un indice z de 999 et que l’indice z du menu était supérieur à 1 000. Problème résolu. Même problème à nouveau quelques semaines plus tard: 10 000. Encore aujourd'hui, je devais inspecter une autre annonce qui posait le même problème. Il avait un indice de 1 million. Comme c'est ennuyeux.
Cela m'a amené à me demander quelle est la valeur maximale pour laquelle je pourrais définir un index z. En examinant divers documents CSS, il ne semblait pas y avoir de valeur maximale spécifiée. La réponse dans Firefox, IE et Chrome est la suivante:
2147483647
C'est la valeur maximale signée d'un entier de 32 bits. Techniquement, j'imagine que cette limitation vient du langage de programmation dans lequel le navigateur a été créé. Je suis sûr qu'il existe certains navigateurs plus anciens où le fait de le définir à cette valeur pourrait faire bouger les choses. Des choses intéressantes cependant. Donc, si vous voulez vous assurer que votre élément est absolument sûr à 100%, réglez-le sur 2147483647. Problème résolu. En réalité cependant, je trouvais très ennuyant qu'une annonce l’ait fixée à un nombre aussi élevé. Considérant que sur une page donnée, il y aura un nombre très limité de couches, la définition d'un nombre beaucoup plus petit devrait faire l'affaire.