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

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

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

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

Logo

前往低代码交流专区

更多推荐