Résolution d'un problème avancé de stacking context imbriqué

Scénario

Contexte : Une application SaaS comporte une modale, un tooltip et un dropdown qui doivent coexister visuellement. Le Problème : Malgré des z-index élevés, certains éléments passent derrière d'autres à cause de stacking contexts imbriqués. Contraintes : Aucun JavaScript autorisé. Comprendre et corriger uniquement via CSS3. Code actuel : .modal { position: relative; z-index: 10; } .tooltip { position: absolute; z-index: 9999; } .parent { transform: translateZ(0); } Livrable attendu : Identifier les contextes de stacking problématiques et refactoriser la structure CSS pour garantir un ordre d'affichage cohérent.

Compétences ciblées