在某个情况下,video层级问题
发布于 7 年前 作者 tanxiulan 10946 次浏览 来自 问答
  • 当前 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 回复

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

有没有 完整的代码看看 xiongdie

回到顶部