z-index在真机无效
发布于 5 年前 作者 rjia 1676 次浏览 来自 问答
  • 当前 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

}

2 回复

<view class="clsBtn" bindtap="takePhoto">测试测试</view>

改成cover-view就可以,原生组件中z-index不支持

回到顶部