再次看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