Waarom verdwijnt mijn menu achter een afbeelding?

Een menu achter een afbeelding zien verdwijnen is een van de vaakst gemelde weergavefouten.

Meestal heeft iemand al geprobeerd de waarde te verhogen.

Dat helpt niet, en daar zit de aanwijzing.

Wat er werkelijk gebeurt

Je menu zit in een blok dat zelf al een laag vormt. Binnen dat blok mag je zo hoog gaan als je wilt; het blok zelf blijft eronder.

Meer daarover lees je bij een stacking context.

Hoe zo’n laag ontstaat

Door een doorzichtigheid onder de honderd procent, een verschuiving of een filter op het omliggende blok.

Meer daarover lees je bij css.

De oplossing

Verhoog de waarde van het omliggende blok, niet van het menu zelf. Of haal de eigenschap weg die de laag veroorzaakt.

Meer daarover lees je bij waarom het soms niet werkt.

Zo zoek je het op

1. Klik met rechts op je menu en kies Inspecteren.
2. Loop in de code omhoog langs de omliggende blokken.
3. Zoek naar doorzichtigheid, verschuiving of een filter.
4. Zet daar een hogere waarde neer.

Bij stap drie vind je de boosdoener in ruwweg negen van de tien gevallen.

In een paginabouwer

Veel bouwers zetten zelf een doorzichtigheid op secties. Dat verklaart waarom het probleem juist daar zo vaak opduikt.

Meer daarover lees je bij sticky.

Bij een pop-up

Zorg dat een pop-up buiten je paginablokken staat, direct onder in de code. Dan speelt dit probleem niet.

Meer daarover lees je bij modal.

Veelgestelde vragen hierover