小程序video层级过高 !解决方案之------- cover-view!

在小程序用应用video map等组件时会发现由于这些组件层级过高会覆盖到我们的导航栏!即使我们设置了定位给z-index 9999,

但是在真机测试时依然会失效!那么就要用到组件cover-view

用cover-view写导航栏就可以覆盖到video上面了!但是有几个小坑要注意!

1、cover-view 内只能嵌套<cover-view> <cover-image> <button> <navigator> <official-account> 其他标签在真机会被忽略!

2、如果您想让cover-view覆盖video,那么在wxml中一定要把cover-view标签写在video后面

3、如果video 标签上面有wx:if判断,那么它的显示是异步的,即使吧cover-view标签写在后面,有时也不生效,因为cover-view标签先渲染

4、cover-view标签定义css时一些属性不能用 比如border

5、cover-view有其默认属性 

cover-view {
display:block;
line-height:1.2;
overflow:hidden;
white-space:nowrap;
pointer-events:auto;

}

猜你喜欢

转载自blog.csdn.net/weixin_43099985/article/details/82985853