z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
deli0071 小时前
手机20%突然关机？电量百分比是估的，SOC曲线4组实测深蓝AI12 小时前
Meta 开源用了八年的设计系统 astryx：连坐两天 GitHub 总榜第一，组件库开始写给 agent 的说明书IT_陈寒12 小时前
Vue的watch把我坑惨了，原来要这样用才靠谱1-1=012 小时前
Vue 3 模板语用户76103044737113 小时前
【转战智能眼镜开发】ROKID AIUI 小游戏 亚马逊标枪项目实战讲解风卿13 小时前
看着AI写代码太孤独了，来欣赏星云吧：一个DSH 装饰插件牧艺13 小时前
弹层不用再手算坐标了：CSS Anchor Positioning 从原理到可上线用户老李13 小时前
YOLO 目标检测自学教程 07：YOLOv3——多尺度预测moshuying14 小时前
ESP32 墨水屏金价牌（上）：从点亮到把图片推过去李剑一14 小时前
别再抬杠，前端岗已经没了！无论前后端，我们最终都要成“全干”工程师