z-index 用法总结

定义

z-index 只适用于元素定位的情况，表示层级，数值越大， 层级越高， 展示的位置越靠前

用法

1. z-index 值较大的元素将叠加在z-index值较小的元素之上
2. z-index相同时， 按照文档流顺序排列
3. 如果设置了父元素的z-index,那么子元素无论是否设置z-index都和父元素一致，会在父元素的上方（负数值除外） 4.同级元素的z-index生效， 那么其子元素覆盖关系有父元素决定 父元素z-index大的值覆盖父元素z-index值小的，子元素在父元素上方