上述讲解的绝对定位很有趣，会产生压盖的效果，但还有另外一件事我们还没有考虑到———当元素出现压盖时，是什么决定哪些元素出现在其他元素的上面呢？那么使用css属性的z-index能解决我们的疑问。但是使用z-index有以下几个规则：
- z-index只应用在定位的元素，默认z-index:auto;
- z-index取值为整数，数值越大，它的层级越高
- 如果元素设置了定位，没有设置z-index，那么谁写在最后面的，表示谁的层级越高。
- 从父现象。通常布局方案我们采用子绝父相，比较的是父元素的z-index值，哪个父元素的z-index值越大，表示子元素的层级越高。
此文章有对应免费对应讲解：z-index详讲 谢谢大家的关注和点赞~~~
