video同层渲染失败,固定定位元素被遮盖
发布于 5 年前 作者 leifang 1299 次浏览 来自 问答

开发工具显示正常,真机上刚进页面正常,然后瞬间就会被video覆盖。

复现代码如下

<template>

<view class="pagee">

<video class="video" src="https://hmsl.oss-cn-beijing.aliyuncs.com/20210105222850h7J5.mp4">

</video>

<view class="text"> 

微信小程序

</view>

</view>

</template>

<style lang="scss">

.pagee {

height: 100%;

width: 100%;

.video {

width: 100%;

height: 100%;

}

.text {

z-index: 999;

position: fixed;

top: 20rpx;

width: 500rpx;

height: 100rpx;

background-color: red;

color: #fff;

}

}

</style>




1 回复

video是原生组件,无法通过CSS调节层级

需要覆盖原生组件使用 cover-view


回到顶部