小程式video層級過高 !解決方案之------- cover-view!
阿新 • • 發佈:2018-12-25
在小程式用應用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;
}