在某个情况下,video层级问题

发布于 8 年前作者 tanxiulan11069 次浏览最后编辑 8 年前来自 ask
  • 当前 Bug 的表现(可附上截图)

当在出现以下代码:

<view class=“page” style=“display:{{showOrHidden}};”>

    <video>

        <cover-image></cover-image>

    </video>

<view>

当出现上面这种情况时,在ios机型上必定会出现video处于最上层,我测试了一下,是由于display引起的,如果不要display就不会出现这个情况,hidden同样会出现这个情况

  • 预期表现

video按照它该有的层级出现,被cover-image遮挡

这个bug还有个奇怪的表现,当切换到后台再切换回来就正常了,附以下链接:

https://s-js.sports.cctv.com/host/tmp1/14722c3c0387f61329e7ae786dc1251a.mp4

  • 复现路径

  • 提供一个最简复现 Demo

https://developers.weixin.qq.com/s/UEWo3EmR725E

2 回复
tao31
tao311 楼6 年前

这是个官方bug,所以目前只能使用替代方案,用opacity试试

xujuan
xujuan2 楼6 年前

有没有 完整的代码看看 xiongdie