z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
前端那点事1 分钟前
告别低级冗余！10个前端原生高阶技巧，让代码更优雅、性能更出众hexu_blog2 分钟前
前端vue后端java如何实现证件照功能豹哥学前端2 分钟前
前端 LocalStorage 实战：从入门到熟练，一篇就够了用户40189933422842 分钟前
第 11 章 MCP 协议与集成Southern Wind11 分钟前
谷记账——一个 Vue 3 批次记账 Applzhdim1 小时前
SQL 入门 14：SQL 触发器与事件：自动化数据处理其实防守也摸鱼1 小时前
Sqlmap：选取sqli-labs中less-8进行sqlmap注入测试伯远医学1 小时前
Nat. Methods | 邻近标记技术：活细胞中捕捉分子互作的新利器莪_幻尘1 小时前
一份 AGENTS.md，让 AI 代码规范率从 60% 飙升到 95%秋秋20231 小时前
🐴 给 AI 套缰绳：一个前端项目的 AI Harness 实战记录