z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
小小小小宇3 小时前
虚拟列表兼容老DOM操作悦悦子a啊3 小时前
Python之--基本知识安全系统学习4 小时前
系统安全之大模型案例分析涛哥码咖4 小时前
chrome安装AXURE插件后无效OEC小胖胖4 小时前
告别 undefined is not a function：TypeScript 前端开发优势与实践指南行云＆流水5 小时前
Vue3 Lifecycle HooksSally璐璐5 小时前
零基础学HTML和CSS：网页设计入门老虎06275 小时前
JavaWeb（苍穹外卖）--学习笔记04（前端：HTML，CSS，JavaScript）三水气象台5 小时前
用户中心Vue3网页开发（1.0版）灿灿121385 小时前
CSS 文字浮雕效果：巧用 text-shadow 实现 3D 立体文字