z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
前端大波1 分钟前
使用webpack-bundle-analyzer 对 react 老项目进行打包优化前端 贾公子9 分钟前
（catalog协议） == pnpm （5）JarvanMo13 分钟前
深度解析：如何彻底终结 Flutter 异步操作中的 BuildContext 崩溃？wxr061618 分钟前
部署Spring Boot项目+mysql并允许前端本地访问假装我不帅24 分钟前
jquery-validation使用怕浪猫29 分钟前
React从入门到出门第六章 事件代理机制与原生事件协同天府之绝32 分钟前
uniapp 中使用uview表单验证时，自定义扩展的表单，在改变时无法触发表单验证处理；be or not to be34 分钟前
Html-CSS动画初恋叫萱萱39 分钟前
技术基石与职场进阶：构建从Web后端到高性能架构的完整知识图谱木木木一43 分钟前
Rust学习记录--C9 错误处理