uniapp中使用z-index来使得posithion固定内容不被覆盖

uniapp中使用z-index来使得posithion固定内容不被覆盖

在学习uniapp 时候在写道使用posithon来固定头部view时出现下面的内容拉动时候吧头部view给覆盖。

主要是因为也是自学的前端，css部分的文件看得也不是太熟，后面问了大佬才知道利用z-index可以提高层级，但是使用后也出现了问题。
这里可以看到我在头部的view的css部分写入了z-index，但是也出了问题，后面实验了一下主要是两点
1.没加背景图片
2.z-index的参数没调对，如果要提高层级则需要大于1（博主推测view组件的层数默认为1）
后面博主吧背景颜色加进去也调节了z-index的参数后问题得到解决
下面是头部view对应的CSS部分
以上就是遇到的问题与解决方式，希望对看到的你有用，当然博主也只是个刚开始学的萌新，假如还有其他更好的方式欢迎吐槽。