Appliquer une valeur z-index - Aide Webflow

Utilisez z-index pour organiser les éléments empilés.

Mr Bird
Mr Bird
@mrbirddev

Utiliser la valeur z-index pour organiser les éléments empilés

📄

Superposition des éléments avec z-index - Tutoriel de conception Web (en utilisant l'ancienne interface)


Qu'est-ce qu'une valeur z-index

La valeur z-index contrôle l'ordre d'empilement d'un élément.

  • Les éléments avec une valeur z-index plus élevée s'empilent au-dessus de ceux avec une valeur inférieure.
  • Les éléments enfants ne peuvent s'empiler que selon leur élément parent. (c'est-à-dire, si l'élément A a un z-index plus élevé que l'élément B, les enfants de l'élément B ne chevaucheront jamais l'élément A.)
  • Z-index fonctionne uniquement sur les positionnements relatif, absolu et fixe.
  • La valeur z-index par défaut est 0.

Utiliser une valeur z-index pour empiler les éléments

  • Sélectionnez un bloc div que vous souhaitez positionner.
  • Appliquez une valeur z-index (car la valeur z-index par défaut est 0, tout ce qui est supérieur à 0 positionnera un élément au-dessus).
  • Les valeurs plus élevées s'empileront au-dessus des valeurs inférieures.
  • Les valeurs négatives peuvent faire disparaître les éléments.
⚠️

Les valeurs z-index négatives peuvent faire disparaître les éléments derrière d'autres éléments. Soyez prudent !


Retour à l'aide Webflow