Welke waarden gebruik je voor z-index?

Welke waarden je voor z-index gebruikt, doet er meer toe dan het lijkt.

Zonder afspraak eindig je met getallen als 999999.

Dat is het teken dat niemand meer weet wat er bovenop ligt.

Werk met een korte reeks

Tien voor kleine dingen, honderd voor een vast menu, duizend voor een pop-up. Meer niveaus heb je zelden nodig.

Meer daarover lees je bij wat z-index is.

Waarom ruimte ertussen helpt

Met stappen van tien of honderd kun je later iets ertussen schuiven zonder alles te herzien.

Meer daarover lees je bij css.

Leg de reeks vast

Zet de waarden als variabelen bovenin je stijlbestand met een naam erbij. Dan blijft het leesbaar.

Meer daarover lees je bij frontend.

Mijn standaardreeks

1. Eén tot tien voor kleine overlappingen.
2. Honderd voor een vast menu of een balk.
3. Vijfhonderd voor een uitschuifmenu.
4. Duizend voor pop-ups en meldingen.

Boven de duizend kom ik nooit, behalve als een externe plugin dat afdwingt.

Wat je moet vermijden

Getallen van zes cijfers en waarden die je verzint op het moment dat er iets misgaat.

Meer daarover lees je bij problemen voorkomen.

Externe onderdelen

Een cookiemelding of een chatvenster zet zichzelf vaak heel hoog. Kijk daarnaar voordat je je eigen reeks bepaalt.

Meer daarover lees je bij modal.

Veelgestelde vragen hierover