z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
piaoroumi几秒前
UVC调试前端不太难12 分钟前
RN 调试效率低，一点小改动就需要重新构建？解决手册（实战 / 脚本 / Demo）是谁眉眼14 分钟前
vue环境变量3秒一个大15 分钟前
JSX 基本语法与 React 组件化思想鹏北海-RemHusband15 分钟前
Vue 组件解耦实践：用回调函数模式替代枚举类型传递用户66006766853916 分钟前
斐波那契数列：从递归到缓存优化的极致拆解海上彼尚19 分钟前
vite+vue3 ssg预渲染方案初辰ge22 分钟前
做后台系统别再只会单体架构了，微前端才是更优解风止何安啊25 分钟前
React 入门秘籍：像搭积木一样写网页，JSX 让开发爽到飞起！whyfail26 分钟前
React原理（暴力版）