z-index用法总结
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了z-index用法总结相关的知识，希望对你有一定的参考价值。
一、定义：
z-index 只适用于元素有定位的情况，表示层级 数值越大 层级越高 展示的位置越靠前。
二、用法：
1、同级关系：
z-index值较大的元素将叠加在z-index值较小的元素之上 （值可以为负数）
z-index值相同时 按照文档流顺序排列
2、父子关系：
如果设置了父元素的z-index，那么子元素无论是否设置z-index都和父元素一致，会在父元素上方
3、同级元素下的子元素关系
同级元素的z-index生效，那么其子元素覆盖关系由父元素决定，
（父元素z-index值大的覆盖父元素z-index值小的 子元素在各自父元素的上方）
以上是关于z-index用法总结的主要内容，如果未能解决你的问题，请参考以下文章