在网页开发中，z-index 属性用于控制元素在层叠顺序中的位置。当多个元素重叠在一起时，z-index 属性可以决定哪个元素显示在最前面。
语法
z-index: auto|number|initial|inherit;
auto：默认值，元素的堆叠顺序由元素在 HTML 文档中的位置决定。number：指定元素的堆叠顺序，数值越大，显示在越上面。initial：将属性设置为默认值。inherit：继承父元素的 z-index 值。
示例
-- -------------------- ---- ------- ----- - -------- -- - ----- - -------- -- - ----- - -------- -- -展开代码
在上面的示例中，.box3 会显示在最前面，因为它的 z-index 值最大。
注意事项
- z-index 只对定位元素有效，即设置了 position 属性值为 relative、absolute、fixed 或 sticky 的元素。
- z-index 只在同一个堆叠上下文中生效，如果元素不在同一个堆叠上下文中，z-index 属性可能会失效。
以上就是关于 CSS 属性 z-index 的介绍，希望对你有所帮助。
