z-index(层叠顺序/堆叠顺序)是 CSS 中用于控制定位元素在 z 轴(屏幕垂直方向上的“前后”)显示层级的属性;数值越大,元素通常越显示在上方(前景)。也常被引申为“优先级/先后顺序”(多见于技术语境)。
(注:它的生效通常与 position(非 static)、以及堆叠上下文(stacking context)有关。)
/ˈziː ˌɪnˌdɛks/
The dropdown menu is hidden because its z-index is too low.
下拉菜单被遮住了,因为它的 z-index 太低。
When multiple modals are open, you must manage z-index carefully to avoid stacking bugs across components.
当多个模态框同时打开时,你必须谨慎管理 z-index,避免组件之间出现层叠错误。
z-index 是由字母 z(借用三维坐标的“z 轴”概念,表示前后深度)和 index(“索引/序号/等级”)组合而成的技术术语,用来表达“沿 z 轴的层级序号”。它随着网页布局与 CSS 规范的发展而普及。