Question 1

Qu'est-ce que le z-index CSS ?

Accepted Answer

Le z-index CSS contrôle l'ordre d'empilement vertical des éléments positionnés. Les éléments avec un z-index plus élevé apparaissent devant ceux avec un z-index plus bas lorsqu'ils se chevauchent.

Question 2

Pourquoi mon z-index ne fonctionne-t-il pas ?

Accepted Answer

Le z-index ne fonctionne que sur les éléments positionnés (position: relative, absolute, fixed ou sticky). Les éléments avec position: static ignorent la propriété z-index.

Question 3

Qu'est-ce qu'un contexte d'empilement ?

Accepted Answer

Un contexte d'empilement est un élément qui crée sa propre couche d'empilement. Les propriétés comme opacity < 1, transform et filter créent de nouveaux contextes d'empilement.

Question 4

Quelles sont les valeurs de z-index courantes dans l'UI ?

Accepted Answer

Valeurs courantes : 0 pour le contenu de base, 10-100 pour les cartes et menus déroulants, 1000 pour les modales et superpositions, 9999 pour les infobulles et notifications.

Question 5

Dois-je utiliser des valeurs de z-index très élevées comme 9999999 ?

Accepted Answer

Non. L'utilisation de valeurs arbitrairement élevées rend la maintenance difficile. Définissez une échelle de z-index dans votre système de design (ex. : 10, 100, 200, 500, 1000) et utilisez-la de manière cohérente.

Gestionnaire Z-Index

Liste des calques

Aperçu

Questions Fréquentes

Comments & Feedback