在小程序用应用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;
}