uniapp遮罩层遮住tabbar上
时间: 2023-09-02 20:14:18 浏览: 68
在uniapp中,如果需要遮住tabbar上的内容,可以在tabbar所在页面的样式中添加以下代码:
```
page {
position: relative;
z-index: 1;
}
.tabbar {
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
}
.mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 98;
}
```
其中,`.mask`类是用来定义遮罩层的样式,`.tabbar`类是用来定义tabbar的样式。通过设置`.tabbar`类的`z-index`属性,可以使它在遮罩层之上。而设置`.mask`类的`z-index`属性为比`.tabbar`类小的值,可以使遮罩层在tabbar下面。另外,需要设置`.page`类的`position`属性为`relative`,以使`.mask`类的`position`属性能够相对于`.page`类进行定位。
阅读全文
相关推荐













