Résolution d'un problème avancé de stacking context imbriqué
السيناريو
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.
المهارات المستهدفة
حالات تطبيقية أخرى في CSS3
- Mise en place d'un layout en deux colonnes avec Flexboxأساسي
- Refactorisation d'un layout complexe vers CSS Grid responsiveمتقدم
- Correction d'un bouton non responsiveأساسي
- Correction d'un problème de stacking context complexeمتقدم
- Correction d'un centrage horizontal inefficaceأساسي
- Correction d'un système de positionnement absolu instableمتقدم
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى