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部分
以上就是遇到的问题与解决方式,希望对看到的你有用,当然博主也只是个刚开始学的萌新,假如还有其他更好的方式欢迎吐槽。