Använd ett z-indexvärde - Webflow hjälp

Lär dig använda z-index för att ordna element.

Mr Bird
Mr Bird
@mrbirddev

Använd z-indexvärde för att ordna staplade element

📄

Lagerhantering med z-index - Webbdesignhandledning (med den gamla UI)


Vad är ett z-indexvärde

Z-indexvärdet styr staplingsordningen för ett element.

  • Element med högre z-indexvärde staplas ovanpå de med lägre värde.
  • Barnelement kan endast staplas enligt sitt föräldraelement. (dvs. Om element A har ett högre z-index än element B, kommer barnen till element B aldrig att överlappa element A.)
  • Z-index fungerar endast på relativ, absolut och fast positionering.
  • Standard z-indexvärde är 0.

Använd ett z-indexvärde för att stapla element

  • Välj ett div-block du vill positionera.
  • Använd ett z-indexvärde (eftersom standard z-indexvärde är 0, kommer allt större än 0 att positionera ett element ovanpå).
  • Högre värden staplas ovanpå lägre värden.
  • Negativa värden kan få element att försvinna.
⚠️

Negativa z-indexvärden kan få element att försvinna bakom andra element. Använd försiktighet!


Tillbaka till webflow hjälp