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

推荐订阅源

V
Visual Studio Blog
I
InfoQ
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - 【当耐特】
小众软件
小众软件
B
Blog RSS Feed
大猫的无限游戏
大猫的无限游戏
博客园 - 三生石上(FineUI控件)
Engineering at Meta
Engineering at Meta
人人都是产品经理
人人都是产品经理
Microsoft Security Blog
Microsoft Security Blog
Last Week in AI
Last Week in AI
H
Help Net Security
爱范儿
爱范儿
云风的 BLOG
云风的 BLOG
博客园 - 司徒正美
Y
Y Combinator Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Microsoft Azure Blog
Microsoft Azure Blog
L
LangChain Blog
WordPress大学
WordPress大学
GbyAI
GbyAI
Google DeepMind News
Google DeepMind News
腾讯CDC

博客园 - 范仁义

吊打市面上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、注意

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