z-index用法

再次看index,发现index其实有一些禁忌和注意事项;

index只对定位元素有效;

在两个元素重叠的情形下:

对于兄弟元素:

1:
定位 -------一致
z-index ---------一致

先后顺序 后出现的覆盖先出现的

2:

定位 -------定位元素覆盖未定位元素
z-index ---------一致

先后顺序-------一致

3:

定位---------一致
z-index ---------大值覆盖小值
先后顺序-------一致

对于父子元素

1:父元素z-index有效:
子元素覆盖父元素

2:父元素z-index失效(未设置z-index或者未定位):
以子元素z-index为准;

转载于:https://www.jianshu.com/p/85338f03457f

猜你喜欢

转载自blog.csdn.net/weixin_34112208/article/details/91303181