在小程序用应用视频地图等组件时会发现由于这些组件层级过高会覆盖到我们的导航栏!即使我们设置了定位给z-index 9999,
但是在真机测试时依然会失效!那么就要用到组件盖视图
<video src=""></video>
<cover-view>我要盖住你</cover-view>
用盖视角写导航栏就可以覆盖到视频上面了!但是有几个小坑要注意!
1,cover-view内只能嵌套<cover-view> <cover-image> <button> <navigator> <official-account>其他标签在真机会被忽略!
2,如果您想让盖视点覆盖视频,那么在wxml中一定要把盖视图标签写在视频后面
3,如果视频标签上面有wx:if判断,那么它的显示是异步的,即使吧cover-view标签写在后面,有时也不生效,因为cover-view标签先生染
4,cover-view标签定义css时一些属性不能用比如border
5,盖视图有其默认属性
cover-view {
display:block;
line-height:1.2;
overflow:hidden;
white-space:nowrap;
pointer-events:auto;
}