惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

The GitHub Blog
The GitHub Blog
S
SegmentFault 最新的问题
MyScale Blog
MyScale Blog
有赞技术团队
有赞技术团队
V
Visual Studio Blog
T
The Blog of Author Tim Ferriss
爱范儿
爱范儿
Vercel News
Vercel News
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Y
Y Combinator Blog
Blog — PlanetScale
Blog — PlanetScale
D
DataBreaches.Net
美团技术团队
Microsoft Security Blog
Microsoft Security Blog
大猫的无限游戏
大猫的无限游戏
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
酷 壳 – CoolShell
酷 壳 – CoolShell
GbyAI
GbyAI
A
About on SuperTechFans
云风的 BLOG
云风的 BLOG
The Cloudflare Blog
宝玉的分享
宝玉的分享
V
V2EX
Microsoft Azure Blog
Microsoft Azure Blog

博客园 - 范仁义

吊打市面上100%的markdown编辑器 范仁义软件合集 全网最通俗易懂傅里叶变换 【强化学习玩转超级马里奥】05-最最简单的超级马里奥训练过程 【强化学习玩转超级马里奥】04-stable-baselines3 库介绍 【强化学习玩转超级马里奥】03-马里奥环境代码说明 【强化学习玩转超级马里奥】02-运行超级马里奥 【强化学习玩转超级马里奥】01-nes-py 包安装实例 【强化学习玩转超级马里奥】01-超级马里奥环境安装 【强化学习玩转超级马里奥】00-强化学习玩马里奥课程介绍 linux查找操作 分析MongoDB架构案例 legend3---bootstrap modal框出现蒙层,无法点击modal框内容(z-index问题) legend3---laravel报419错误 laravel自定义中间件实例 laravel中间件Middleware原理解析及实例 git: Failed to connect to github.com port 443: Timed out 记忆规律 tinymce上传的图片不指定宽高
z-index总结
范仁义 · 2021-09-21 · via 博客园 - 范仁义

z-index总结

一、总结

一句话总结:

1、子元素无论z-index高低,都是在父元素子上
2、如果想让某元素显示在某元素之下,设置为同级,上面的z-index高

1、如果想让某元素显示在某元素之下,z-index如何设置?

a、【同级】:设置为同级
b、【上面的z-index高】:把上面的元素的z-index设置的高一点,比如10
c、【下面的z-index低】:把下面的元素的z-index设置的低一点,这里只要比10小就好了

二、z-index总结

1、相关知识

1、子元素无论z-index高低,都是在父元素子上

2、如果想让某元素显示在某元素之下

a、【同级】:设置为同级

b、【上面的z-index高】:把上面的元素的z-index设置的高一点,比如10

c、【下面的z-index低】:把下面的元素的z-index设置的低一点,这里只要比10小就好了

2、实例

鱼在下面很好实现,就是同级,并且把鱼设置的低一点,要放在上面的元素设置的高一点即可

3、注意

一定注意上层的元素不能有全覆盖的背景,不然下层的元素会被背景挡到