1. 程式人生 > >小程式video層級過高 !解決方案之------- cover-view!

小程式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;

}