z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
Rsun045511 小时前
React相关面试题鹏多多.1 小时前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南LawrenceLan2 小时前
37.Flutter 零基础入门（三十七）：SnackBar 与提示信息 —— 页面反馈与用户交互必学怪侠_岭南一只猿2 小时前
爬虫工程师入门阶段一：基础知识点完全学习文档迪巴拉15252 小时前
基于Vue与Spring Boot+Open Cv的智慧校园考勤系统swipe2 小时前
JavaScript 对象与属性描述符：从原理到实战&活在当下&2 小时前
Vue3 h函数用法详解小贵子的博客2 小时前
（vue3错误处理）has naming conflicts with other components, ignored.