收藏
回答

z-index在真机无效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug camera 客户端 7.0.4 2.7.5(2019.7.10 13:38:33)

- 当前 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

}



回答关注问题邀请回答
收藏

1 个回答

  • 伊人行
    伊人行
    2019-07-17

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

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


    2019-07-17
    有用
    回复
登录 后发表内容