层级

页面可以想成一叠透明胶片，z-index 决定元素在第几层，数值大的盖住数值小的。它只对设置了定位（relative、absolute、fixed、sticky）的元素，或 Flex、Grid 的子元素生效。

最常见的困惑是「设成 9999 还是被盖住」。原因通常是层叠上下文：父元素自身层级低，或设了 transform、小于 1 的 opacity 等属性，子元素的 z-index 再大也只能在父元素内部比较。解决办法通常是把弹窗渲染到 body 下，React 里叫 Portal。

建议全项目统一规划层级，比如吸顶导航 100、下拉菜单 200、弹窗 1000、轻提示 1100，不要到处写 9999。