z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
এ慕ོ冬℘゜5 小时前
深入理解 JavaScript 事件对象：从 target 到 preventDefault 的实战指南Listen·Rain5 小时前
Vue概述尘世中一位迷途小书童5 小时前
Cesium 涟漪扩散点：自定义材质，参数调对了才好看ttwuai5 小时前
Go 后台富文本图片上传失败排查：前端限制、接口和存储目录要一起看小雪_Snow5 小时前
JS 数组的遍历 —— 两种方式详解禅思院5 小时前
AI对话前端从入门到崩溃：一个长对话引发的五层优化战争【五】kyle~5 小时前
前端---Zustand组件库（轻量快速精细化的状态管理方案）IT_陈寒5 小时前
为什么我的React状态更新总是不按套路出牌？恋猫de小郭6 小时前
Fluter 共享内存多线程正在落地，IsolateGroupBound 来了十铭忘6 小时前
Vue3实现Pixso中的钢笔工具3——梳理函数调用