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

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

层叠上下文

MDN讲解

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

这里附上官网的图:

相关推荐
白叔King1 分钟前
aardio时间日期转换中文时间
前端·javascript·aardio
攀登的牵牛花2 分钟前
本周 GitHub 趋势观察:为什么前端热榜越来越像“AI 工具市场”?
前端·github
qq_333120976 分钟前
头歌答案--爬虫实战
java·前端·爬虫
Jinuss8 分钟前
源码分析之React中的组件缓存React.memo
前端·react.js
斯班奇的好朋友阿法法14 分钟前
ollama离线导入大模型
服务器·前端·javascript
misty youth19 分钟前
pnpm build,发生了什么
前端·electron·pnpm·build
1024小神20 分钟前
kotlin安卓项目配置webview开启定位功能
前端
kyriewen28 分钟前
MutationObserver:DOM界的“卧底”,暗中观察每个风吹草动
前端·javascript·面试
踩着两条虫33 分钟前
VTJ.PRO 在线应用开发平台的开发者工具与代码质量
前端·vue.js·ai编程
TON_G-T42 分钟前
100行实现Mini React
前端·javascript·react.js