vue z-index层级显示问题

一个单页面，顶部有fixed的nav，当向上滑动页面时，发现nav里有的组件被下放的组件遮盖，第一时间明白这时需要修改层级设置，将下方的组件z-index设为-1,nav的组件z-index调高，发现还是有各种遮盖的问题；然后花了点时间找资料和不断调试发现z-index在vue中的细节。

1.元素最低层级默认为0，我试了设置层级为-1一下都显示不了

2.每一子元素都会在其父元素的层级基础上加1

3.问题可能是由于z-index的是指不当所导致，更改方法，将需要一直处于层级最高的nav的最外层父元素的层级调到最高，至少要大于下方父子元素的嵌套层数，下方元素无需改变即可解决问题。