小程序cover-view 的一些坑

如果在小程序中使用原生组件：map、video、canvas、camera、live-player、live-pusher

那么层级关系就要注意了，这些原生组件在小程序中层级是最最最高的，有多高呢？比z-index：1000000；还高。

因此如果做弹出层要覆盖以上的原生组件的话，用z-index是没用的。怎么办？微信官方提供了一些仅有的解决办法。

---

cover-view 

只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。

在cover-view标签中 不支持嵌套html原生标签，只支持嵌套cover-view、cover-image和button。

另外需要注意：

• cover-view 中不支持flex布局 文字全居中得使用原始方式 : text-align: center; line-height: 100rpx;
• style 色值得写全 如 background:#333 必须写成 background:#333333；
• cover-image src 不支持 .svg 文件显示；
• background: linear-gradient 渐变色属性不支持；

最新详情可了解——微信开发文档cover-view