Retour à la leçonMission
Mission : une infobulle piégée derrière la navbar
Diagnostiquer un stacking context créé par accident et corriger le positionnement sans casser l'animation existante.
Contexte
Sur fiche-produit.css, la navbar a position: sticky; z-index: 10;. Le conteneur du bouton d'info produit a position: relative; transform: translateY(0); transition: transform 0.2s; (pour une animation d'apparition), et l'infobulle .tooltip à l'intérieur a position: absolute; z-index: 9999;. Malgré ce z-index énorme, l'infobulle reste visuellement cachée derrière la navbar dès qu'elle s'ouvre près du haut de la page.