Applica un valore z-index - Aiuto Webflow

Guida all'uso del valore z-index per ordinare elementi sovrapposti.

Mr Bird
Mr Bird
@mrbirddev

Usa il valore z-index per ordinare gli elementi sovrapposti

📄

Stratificazione degli elementi con z-index - Tutorial di web design (utilizzando la vecchia interfaccia)


Cos'è un valore z-index

Il valore z-index controlla l'ordine di sovrapposizione di un elemento.

  • Gli elementi con un valore z-index più alto si sovrappongono a quelli con un valore più basso.
  • Gli elementi figli possono sovrapporsi solo in base al loro elemento genitore. (Ad esempio, se l'elemento A ha un z-index più alto dell'elemento B, i figli dell'elemento B non si sovrapporranno mai all'elemento A.)
  • Z-index funziona solo su posizionamenti relativi, assoluti e fissi.
  • Il valore predefinito di z-index è 0.

Usa un valore z-index per sovrapporre gli elementi

  • Seleziona un blocco div che desideri posizionare.
  • Applica un valore z-index (poiché il valore predefinito di z-index è 0, qualsiasi valore maggiore di 0 posizionerà un elemento sopra).
  • Valori più alti si sovrapporranno a valori più bassi.
  • Valori negativi possono far scomparire gli elementi.
⚠️

I valori z-index negativi possono far scomparire gli elementi dietro altri elementi. Usa cautela!


Torna all'aiuto di Webflow