层级关系的布局有两种解决方法：
1.是使用标签的自然顺序和嵌套顺序来形成合理的布局。
2.而第一种方法却不是万能的，有时候我们需要将原本位于下层的元素移到另一个元素上方，那可以使用z-index；z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释：Z-index 仅能在定位元素上奏效（position属性值设置除默认值static以外的元素，包括relative，absolute，fixed样式）
如何使用Z-index呢？
首先使用z-index需要先加上position:absolute/relative定位。
其次你要知道z-index 是要考虑父级的，如果子级z-index为0，那么父级就是200000也不会覆盖住子级。
最后在标准浏览器中，对父级的要求不是特别高，同级的对应上z-index可以了。但要注意的是父级里放一个子级那么父级是无法放在子级之上的，需要放在同一级别中才可以（经过测试的），如果想要父级覆盖子级，那么父级不需要设置z-index，只要孩子设置就z-index就可以了。
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024