【css】z-index与层叠上下文

z-index属性用来设置元素的堆叠顺序,使用z-index有一个大的前提:z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个,否则z-index无效。

层叠上下文

MDN讲解

我们给元素设置的z-index都是有一定规则的,层叠性都是在它有定位的父元素起作用,都是相对于父元素的。

这里附上官网的图:

相关推荐
加油乐14 分钟前
css及js实现正反面翻转
前端·javascript·css
恶猫20 分钟前
抖音直播时,飘窗提示的html窗口,主播不在,正在喝9
前端·html·直播·抖音·素材
霁月的小屋27 分钟前
Vue组件通信全攻略:从基础语法到实战选型
前端·javascript·vue.js
腾讯云云开发28 分钟前
【你可能不知道的开发技巧】一行代码完成小程序的CloudBase鉴权登录
前端·后端·微信小程序
Micro麦可乐28 分钟前
前端真的能防录屏?EME(加密媒体扩展) DRM 反录屏原理 + 实战代码
前端·媒体·eme·drm·前端防盗录
一 乐29 分钟前
校园社区系统|基于java+vue的校园悬赏任务平台系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
晚霞的不甘33 分钟前
华为云 DevUI 实战开发指南:构建现代化前端应用的最佳实践
前端·华为云
申阳33 分钟前
Day 21:03. 基于 SpringBoot4 开发后台管理系统-整合 SpringSecurity 完成登录功能
前端·后端·程序员
嘴平伊之豬44 分钟前
对照typescript学习鸿蒙ArkTS
前端·harmonyos
奋斗猿1 小时前
前端实测:RSC不是银弹,但它真的重构了我的技术栈
前端·react.js