问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 微信小程序 Bug Canvas 客户端 6.7.3 2.4.0
- 当前 Bug 的表现(可附上截图)
- 预期表现
?Canvas画布绘制出来的图形,看起来像是被覆盖在mask之下了,颜色太暗了
- 复现路径
- 提供一个最简复现 Demo
.mask {
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
z-index: 6;
position: fixed;
}
.progress_bg {
/* background: floralwhite; */
width: 100%;
height: 40%;
position: fixed;
z-index: 9;
}
.progress_fg {
width: 100%;
height: 40%;
position: fixed;
z-index: 10;
}
.map {
width: 100%;
position: fixed;
z-index: 0;
height: 100%;
}
代码片段
wechatide://minicode/KCqeOKmc7r3u
微信小程序开发问题解答
微信小程序开发者回答:
map cover-view canvas 这几个都是原生组件,z-index 对原生组件不生效,请参考:https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html
微信小程序开发者回答:
用 position: absolute; 可以实现,不过有个小缺点,iOS平台整个页面可以拖动,不能固定住
本文网址:http://www.91bianli.com/weixinxiaochengxu/33674.html