z-index能不能解释下呢?
来源:2-5 position-relative
怒焰狂暴
2020-01-02 17:04:49
文档里面写的好绕口呀...老师能不能直接解释下呢
1回答
好帮手慕夭夭
2020-01-02
同学你好,z-index是设置定位元素的层级的。示例:
两个定位元素,默认情况下,后面的定位元素要比前面的定位元素层级大。
所以粉色盒子会把红色盒子盖住,如下所示:
如果想要让红色盒子显示在上面,就给它设置一个层级:
粉色盒子没有设置z-index的时候,红色盒子的z-index: 1只要设置值是大于等于1的整数,就能把粉色盒子盖住。显示如下:
如果粉色盒子也设置了z-index,那么红色盒子的z-index值比它大,层级就比它高。
如上设置之后,红色层级大:
按照如上去理解即可。如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题