Contenu d''une div s'affiche quand elle passe sous l'autre div.

Bonjour à vous,

j'ai une simple question à vous poser.

En fait, j'ai un contenu qui doit rester fixe sur le haut de l'écran.

Par contenu, j'ai un autre contenu qui passe sous ce contenu fixe quand on scrolle. Le problème, c'est que le contenu de cette autre div apparaît dans le contenu de la div fixe.

Voici le code de ma page (HTML et CSS) :

https://codepen.io/joseph5/pen/YzWNjZY

J'ai utilisé la propriété z-index pensant que ça pouvait résoudre le problème mais ce n'est pas le cas.

Connaissez-vous la propriété que je dois utiliser pour faire en sorte que le contenu de l'autre div ne s'affiche pas sous le contenu de la div fixe ?

Merci d'avance.

Bonne journée,
Thierry

Bonjour,

Il faudrait que ton header ait un fond non transparent par exemple.

Amicalement,

Bonjour, tu devrais utiliser un position sticky sur ton header (avec top: 0) qui correspond mieux à ce que tu veux faire