- 当前 Bug 的表现(可附上截图)
我使用z-index后 在开发工具上可以正确使用层级关系 但是在真机上层级关系消失
在开发工具中 “测试测试”能正确显示到camera组件的上层
在真机中 页面加载时,先将“测试测试”加载出来
然后camera组件加载完成后,就会将“测试测试”给覆盖掉
- 提供一个最简复现 Demo
wxml:
<!-- camera.wxml -->
<camera class="clsCamera" device-position="front" flash="off" binderror="error" style="width: 100%; height: 100%"></camera>
<view class="clsBtn" bindtap="takePhoto">测试测试
</view>
wxss:
.clsCamera {
position: absolute;
z-index: 1;
}
.clsBtn {
position: absolute;
z-index: 2;
color: red
}
<view class="clsBtn" bindtap="takePhoto">测试测试</view>
改成cover-view就可以,原生组件中z-index不支持