小程序
小游戏
企业微信
微信支付
扫描小程序码分享
ios手机中
在地图上cover-view遮罩层，设置透明度不起作用
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
麻烦提供下代码片段：https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
IOS中会有问题
你好发现cover-view中这种动态设置时：
<cover-view class="hintBox-drawerScreen {{coverView?'display':'notDisplay'}}" bindtap='test6'></cover-view>
wxss：
/* pages/common/test/wxtiaozhuan.wxss */
.hintBox-drawerScreen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: #000;
overflow: hidden;
}
.display {
display: block;
.notDisplay {
display: none;
wxml:
<view>
<map></map>
<button bindtap='test6'>测试cover-view中遮罩层</button>
</view>
js:
data: {
coverView:false
},
test6(){
var than=this
than.setData({
coverView: !than.data.coverView
})
你好：这个比较紧急，帮忙看一下 https://developers.weixin.qq.com/s/qtPhxBmU7K5w
先改成这样试下？opacity的问题，这边先看下
小白：改过background-color：还是不行，等你看opacity问题
截图看下你怎么写的
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
麻烦提供下代码片段：https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
IOS中会有问题
你好发现cover-view中这种动态设置时：
<cover-view class="hintBox-drawerScreen {{coverView?'display':'notDisplay'}}" bindtap='test6'></cover-view>
wxss：
/* pages/common/test/wxtiaozhuan.wxss */
.hintBox-drawerScreen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: #000;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
overflow: hidden;
}
.display {
display: block;
}
.notDisplay {
display: none;
}
wxml:
<view>
<map></map>
<button bindtap='test6'>测试cover-view中遮罩层</button>
<cover-view class="hintBox-drawerScreen {{coverView?'display':'notDisplay'}}" bindtap='test6'></cover-view>
</view>
js:
data: {
coverView:false
},
test6(){
var than=this
than.setData({
coverView: !than.data.coverView
})
}
你好：这个比较紧急，帮忙看一下 https://developers.weixin.qq.com/s/qtPhxBmU7K5w
小白：改过background-color：还是不行，等你看opacity问题
截图看下你怎么写的