社区
其他开发语言
帖子详情
微信小程序的video组件层级太高,覆盖了悬浮按钮
Lily900923
2017-07-06 03:30:34
最近在做微信小程序,现在需求中有个页面需要背景视频,折腾了好久,好不容易在模拟器和测试机上测试通过,同事用iOS手机扫了一下,背景竟然覆盖了要显示的内容,一下懵了,在网上查了很多资料,好多都说是因为video是iOS系统的原生组件,层级太高,z-index不管用,确实,测试了z-index完全不管用,哪位大神有办法解决呢,跪求答案.....
...全文
19931
6
打赏
收藏
微信小程序的video组件层级太高,覆盖了悬浮按钮
最近在做微信小程序,现在需求中有个页面需要背景视频,折腾了好久,好不容易在模拟器和测试机上测试通过,同事用iOS手机扫了一下,背景竟然覆盖了要显示的内容,一下懵了,在网上查了很多资料,好多都说是因为video是iOS系统的原生组件,层级太高,z-index不管用,确实,测试了z-index完全不管用,哪位大神有办法解决呢,跪求答案.....
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qq_43408011
2021-02-04
打赏
举报
回复
要悬浮的窗口先用hidden把视屏组件隐藏
前端小仙女
2019-01-22
打赏
举报
回复
想问下各位大佬,使用cover-view之后,模态框又不能展示了,有没有遇到这样的问题
莲舟
2017-11-30
打赏
举报
回复
你发帖子的时候video这种原生组件层级太高覆盖其他内容的问题是解决不了的,用z-index去控制的话调试工具上显示可以解决,但是真机去测还是会覆盖要显示的内容。现在可以解决了, <cover-view /> 可以覆盖在原生组件之上。
qq_35529709
2017-11-06
打赏
举报
回复
position: absolute; z-index: 9999; 亲测有效
unassuming
2017-08-08
打赏
举报
回复
我也遇到了,你怎么解决的啊
Lily900923
2017-08-08
打赏
举报
回复
放弃了,背景换成了gif图
uni-app/
微信小程序
video
组件
层级
过高
覆盖
悬浮
按钮
uni-app/
微信小程序
video
组件
层级
过高
覆盖
悬浮
按钮
: 一、出现的概率与场景 具有偶然性,即概率性出现,也针对一些手机,尤其在ios版本的一些手机上! 二、分析: 大体分析说明: 一般的解决方法是采用原生
组件
cover-view,有图片的话再结合vover-image。但是,一般的
悬浮
按钮
是相对于手机屏幕进行固定的(即不会随着划动被移动),如果采用cover-view...
小程序
video
组件
层级
太高
如何解决
小程序
video
组件
层级
太高
如何解决 小程序首页用了一个
video
组件
,然后modal
组件
的
悬浮
窗就被这个
video
覆盖
了,因为原生
组件
的
层级
太高
,用z-index是没有办法解决的。 以下是我刚开始写的代码,不管怎么设置z-index,视频总在
悬浮
层上面。 &lt;view&gt; &lt;modal title="请选择" cancel-text="取消" confi
微信小程序
video
高
层级
的解决
在小程序内使用了
video
视频标签,底部再加上一个
悬浮
的Btn
按钮
或是页面的中间弹窗,在页面上下滑动的时候,由于
video
原生
组件
的
层级
太高
,会把
悬浮
(弹窗)给
覆盖
掉。 像
video
这种原生
组件
层级
太高
,
覆盖
了其他内容。用z-index去调试的话,在工具上市可以解决的。 但是真机测试的时候还是没有解决该问题。
微信小程序
开发文档提供的这么一个
组件
,cover-view。
覆盖
在原生
组件
之上的文...
input
层级
高 小程序_解决
微信小程序
input、textarea
层级
过高穿透问题
微信小程序
原生
组件
camera、canvas、input(仅在focus时表现为原生
组件
)、live-player、live、pusher、map、textarea、
video
的
层级
是最高的,页面中的其他
组件
无论设置 z-index 为多少,都无法盖在原生
组件
上。从图中效果可以看出input输入的内容穿透到了选择列表自定义
组件
,解决办法:1、使用if,当触发选择列表时隐藏input或textare...
微信小程序
video
全屏 Android手机
按钮
悬浮
在视频上
问题:
微信小程序
video
全屏时
按钮
要
悬浮
在视频上 解决:用<cover-view>
组件
,设置position,z-index,并放在<
video
>
组件
中 要把 cover-view 作为
video
的子节点,全屏时才能在显示(否则在android手机端不显示)。 <
video
> <cover-view></cover-view&...
其他开发语言
3,424
社区成员
15,623
社区内容
发帖
与我相关
我的任务
其他开发语言
其他开发语言 其他开发语言
复制链接
扫一扫
分享
社区描述
其他开发语言 其他开发语言
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章