position: fixed设置z-index不能覆盖之前的

<div class="a">
  ...
    <div class="b"> </div>
  ...
</div>
<div class="c"> </div>

b是a的子孙节点，a与c同级。设置b的style为position: fixed; z-index: 999，这时候发现，c会显示在b层之上，类似这种效果：

![请添加图片描述](https://img-blog.csdnimg.cn/b360cea9a8b04e5a91a1c20c4482ff11.png

给与c元素同层的a元素设置大于c的z-index就能解决这个问题。

解决完成效果图：

问题原因：
“从父原则”，这个从父原则，其实就相当于是同级的dom元素会先比较层级先后，然后在一个元素内部会再依次逐层比较层级先后。