L'article explore les problèmes de superposition des éléments en CSS et les solutions modernes comme les popovers et les dialogs. Il explique comment les contextes de superposition (stacking contexts) peuvent compliquer l'utilisation de z-index et comment les éléments comme les popovers et les dialogs peuvent accéder à la "top layer" pour résoudre ces problèmes. Cependant, l'article met en lumière un conflit potentiel entre les popovers et les dialogs, notamment en matière d'accessibilité, où un utilisateur au clavier peut rencontrer des difficultés pour interagir avec un popover (comme une notification toast) lorsqu'un dialog est ouvert. L'auteur illustre ce problème avec un exemple concret et un CodePen démonstratif.

Tout est dans le titre

Un article très complet sur la propriété CSS z-index et sur la notion de "stacking context" qui lui est associée

Tout est dans le titre (via https://blog.stephaniewalter.fr/la-semaine-en-pixels-17-juin-2018/ )

Tout est dans le titre

Une autre approche que celle développée dans l'article de Smashing Magazine

Intéressant, utiliser Sass pour gérer les z-index -> le truc qui peut vite devenir pénible :)

Tout est dans le titre

Article de référence sur z-index : c'est plus compliqué que ça y paraît

Traduction d'un article très intéressant sur le z-index

Encore un article sur le z-index... à voir :)

pas si simple

C'était donc ça :-) Bon à savoir, si vous définissez le z-index d'un élément, vous ne pouvez plus donner un autre z-index à ses enfants