层叠上下文

层叠上下文是 CSS 中独立参与层叠顺序计算的元素集合，它决定 z-index 的比较范围。

z-index 的边界

z-index 的比较受层叠上下文约束。transform、非 1 的 opacity 等都可能建立新上下文，子元素的巨大 z-index 无法越过祖先所属的整体层级。排查遮挡时要检查整条祖先链。

模态界面的边界

层叠顺序解决视觉遮挡问题，模态界面还需要统一管理焦点与关闭行为，单独增大 z-index 无法解决这些交互问题。

参考：层叠上下文官方指南。