z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
恋猫de小郭3 分钟前
Flutter Patchwork，不用 Fork 改依赖包源码的第三方工具IT_陈寒29 分钟前
Vite打包后的路径问题差点让我改了一天代码禅思院32 分钟前
前端部署“三层漏斗”完全指南：从CI/CD到自动回滚的工程化实战【基石】黄林晴1 小时前
AI时代终端窗口堆成山？这款工具让我爱不释手铁皮饭盒1 小时前
Bun 多线程有多快？postMessage 传输字符串比 Node.js 快 400 倍！橙子家10 小时前
浏览器缓存之【身份与会话管理】：Cookies 和 Private state tokens最新资讯动态11 小时前
HDC 2026 | 对话鲸鸿动能：存量时代，品牌如何夺回营销“主动权”？最新资讯动态11 小时前
游戏出海，从产品走向体系最新资讯动态11 小时前
20人团队跑出百万DAU、大厂也来抢量：谁在鸿蒙生态跑出加速度最新资讯动态12 小时前
千万开发者背后，鸿蒙商业化的B面