z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
荔枝吖5 分钟前
项目中会出现的css样式Dontla8 分钟前
何时需要import css文件？怎么知道需要导入哪些css文件？为什么webpack不提示CSS导入？（导入css导入规则、css导入规范）小堃学编程25 分钟前
前端学习（2）—— CSS详解与使用蓝婷儿36 分钟前
第一章：HTML基石·现实的骨架Watermelo61744 分钟前
前端如何应对精确数字运算？用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性HebyH_44 分钟前
2025前端面试遇到的问题(vue+uniapp+js+css)Clockwiseee1 小时前
CSRF记录深圳卢先生1 小时前
XSS 和 CSRF 有什么区别？Java Web 如何防御？qq_386322694 小时前
华为网路设备学习-21 IGP路由专题-路由过滤（filter-policy）蓝婷儿9 小时前
前端面试每日三题 - Day 32