z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
青灯文案15 分钟前
前端 HTTP 请求由 Nginx 反向代理和 API 网关到后端服务的流程m0_7482548810 分钟前
DataX3.0+DataX-Web部署分布式可视化ETL系统ZJ_.22 分钟前
WPSJS：让 WPS 办公与 JavaScript 完美联动GIS开发特训营26 分钟前
Vue零基础教程|从前端框架到GIS开发系列课程（七）响应式系统介绍Cachel wood1 小时前
python round四舍五入和decimal库精确四舍五入学代码的小前端1 小时前
0基础学前端-----CSS DAY9joan_851 小时前
layui表格templet图片渲染--模板字符串和字符串拼接m0_748236111 小时前
Calcite Web 项目常见问题解决方案Watermelo6172 小时前
详解js柯里化原理及用法，探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用m0_748248942 小时前
HTML5系列（11）-- Web 无障碍开发指南