z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。
这里附上官网的图：
相关推荐
人工智能训练师13 小时前
Ubuntu22.04如何安装新版本的Node.js和npmSeveny0713 小时前
pnpm相对于npm，yarn的优势yddddddy14 小时前
css的基本知识昔人'14 小时前
css `lh`单位Nan_Shu_61415 小时前
Web前端面试题（2）知识分享小能手16 小时前
React学习教程，从入门到精通，React 组件核心语法知识点详解（类组件体系）(19）2501_9181269116 小时前
用html5写一个flappybird游戏蚂蚁RichLab前端团队16 小时前
🚀🚀🚀 RichLab - 花呗前端团队招贤纳士 - 【转岗/内推/社招】孩子 你要相信光17 小时前
css之一个元素可以同时应用多个动画效果huangql52017 小时前
npm 发布流程——从创建组件到发布到 npm 仓库