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

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

层叠上下文

MDN讲解

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

这里附上官网的图:

相关推荐
難釋懷14 分钟前
JavaScript基础-移动端常见特效
开发语言·前端·javascript
自动花钱机1 小时前
WebUI问题总结
前端·javascript·bootstrap·css3·html5
拉不动的猪1 小时前
简单回顾下pc端与mobile端的适配问题
前端·javascript·面试
拉不动的猪1 小时前
刷刷题49(react中几个常见的性能优化问题)
前端·react.js·面试
snowfoootball2 小时前
基于 Ollama DeepSeek、Dify RAG 和 Fay 框架的高考咨询 AI 交互系统项目方案
前端·人工智能·后端·python·深度学习·高考
烛阴2 小时前
深入浅出:JavaScript ArrayBuffer 的使用与应用
前端·javascript
zhu12893035562 小时前
用Rust和WebAssembly打造轻量级前端加密工具
前端·rust·wasm
@PHARAOH3 小时前
WHAT - Electron 系列(一)
前端·javascript·electron
半句唐诗3 小时前
设计与实现高性能安全TOKEN系统
前端·网络·安全
小满zs3 小时前
React-router v7 第二章(路由模式)
前端·react.js