小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我写了一个canvas,用来做背景水印,填充为白色,然后绝对定位层级z-index:0,再写了一个view层,绝对定位层级为z-index:999,在模拟工具中层级关系正常,但是在真机测试时始终canvas这个层在最上面把正常的view层遮挡 层级定位无效
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请问这个问题有没有更好的解决方法了
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你好,canvas是原生组件,层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上
那怎么解决这个问题呢
用cover-view
<cover-view>
<picker class="monthSelect" bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class="picker">
xxxx:{{array[index]}}
</view>
</picker>
</cover-view>
<!-- 水印 -->
<view class='water_top' style=" position: absolute; opacity: 0.9; top: 0rpx; width: 100%;">
<canvas canvas-id='xx' style='width:100%;height:1400rpx;'></canvas>
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请问这个问题有没有更好的解决方法了
你好,canvas是原生组件,层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上
那怎么解决这个问题呢
用cover-view
<cover-view>
<picker class="monthSelect" bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class="picker">
xxxx:{{array[index]}}
</view>
</picker>
</cover-view>
<!-- 水印 -->
<view class='water_top' style=" position: absolute; opacity: 0.9; top: 0rpx; width: 100%;">
<canvas canvas-id='xx' style='width:100%;height:1400rpx;'></canvas>
</view>