社区
其他开发语言
帖子详情
微信小程序的video组件层级太高,覆盖了悬浮按钮
Lily900923
2017-07-06 03:30:34
最近在做微信小程序,现在需求中有个页面需要背景视频,折腾了好久,好不容易在模拟器和测试机上测试通过,同事用iOS手机扫了一下,背景竟然覆盖了要显示的内容,一下懵了,在网上查了很多资料,好多都说是因为video是iOS系统的原生组件,层级太高,z-index不管用,确实,测试了z-index完全不管用,哪位大神有办法解决呢,跪求答案.....
...全文
19862
6
打赏
收藏
微信小程序的video组件层级太高,覆盖了悬浮按钮
最近在做微信小程序,现在需求中有个页面需要背景视频,折腾了好久,好不容易在模拟器和测试机上测试通过,同事用iOS手机扫了一下,背景竟然覆盖了要显示的内容,一下懵了,在网上查了很多资料,好多都说是因为video是iOS系统的原生组件,层级太高,z-index不管用,确实,测试了z-index完全不管用,哪位大神有办法解决呢,跪求答案.....
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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图
微信小程序
系统教程C#版[3/3阶段]_
微信小程序
电商系统
微信小程序
系统教程[初级阶段],
微信小程序
0基础学起,讲解
微信小程序
开发的基础知识。
微信小程序
系统教程共有“
微信小程序
系统教程[初级阶段]”、“
微信小程序
系统教程[中级阶段]——核心技术”、“
微信小程序
系统教程[阶段]客服消息+微信支付+九宝电商系统”。 “
微信小程序
系统教程[阶段]全套课程”包含: 1.
微信小程序
系统教程[阶段]_客服消息 2.
微信小程序
系统教程[阶段]_微信支付 3.
微信小程序
系统教程[阶段]_九宝电商系统 学习“
微信小程序
系统教程[阶段]”要求有
微信小程序
的基础。建议先学习“
微信小程序
系统教程[初级阶段]”、“
微信小程序
系统教程[中级阶段]”,后在报名“
微信小程序
系统教程[阶段]”。 阶段讲解的客服消息,是针对小程序的。后台程序用接近底层的技术,没有使用三方技术。这样降低同学们学习成本。 微信支付,这部分课程很有难度,要求同学们认真听讲,有不会的技术问题可以请教老师。购买课程后请联系老师,提供单号,给你源程序。 九宝电商系统是一套十分适和学习、项目的课程。既可以系统的学习
微信小程序
相关知识,还可以修改后上线。 “
微信小程序
系统教程[中级阶段]——核心技术”重点讲解
微信小程序
事件、
组件
、API
微信小程序
系统教程[初级阶段],
微信小程序
0基础学起,讲解
微信小程序
开发的基础知识。 购买课程的同学,可赠送就九宝老师编写的《
微信小程序
开发宝典》。 购课请咨询qq2326321088
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。
覆盖
在原生
组件
之上的文...
微信小程序
踩坑之路--01
组件
层级
过高
问题描述 我在开发小程序的过程中,遇到
video
,textarea等
组件
层级
过高,其他元素无法遮盖这些
组件
,让人抓狂。 案例1 textarea
组件
元素过高,当有toast弹出时,文字浮于上方,效果如图所示: 我们看到textarea
组件
文字
层级
高于toast,那么怎么解决呐? 首先我们在网上找资料,看到的大部分解决方案是让
组件
隐藏,但是在这个情况下,是不合适的。我找到...
其他开发语言
3,424
社区成员
15,635
社区内容
发帖
与我相关
我的任务
其他开发语言
其他开发语言 其他开发语言
复制链接
扫一扫
分享
社区描述
其他开发语言 其他开发语言
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章