社区
其他开发语言
帖子详情
微信小程序的video组件层级太高,覆盖了悬浮按钮
Lily900923
2017-07-06 03:30:34
最近在做微信小程序,现在需求中有个页面需要背景视频,折腾了好久,好不容易在模拟器和测试机上测试通过,同事用iOS手机扫了一下,背景竟然覆盖了要显示的内容,一下懵了,在网上查了很多资料,好多都说是因为video是iOS系统的原生组件,层级太高,z-index不管用,确实,测试了z-index完全不管用,哪位大神有办法解决呢,跪求答案.....
...全文
20011
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图
解决uniapp中
video
标签
层级
过高问题:原生
video
标签的封装与应用
本文详细介绍了在uniapp中解决
video
标签
层级
过高问题的原生封装方案。通过原生
video
标签的灵活控制,开发者可以自由调整视频
层级
,实现弹窗、
悬浮
按钮
等元素的
覆盖
效果。文章提供了完整的实现步骤,包括
组件
设计、核心功能实现和播放进度控制,帮助开发者快速集成到项目中。
微信小程序
video
高
层级
的解决
在小程序内使用了
video
视频标签,底部再加上一个
悬浮
的Btn
按钮
或是页面的中间弹窗,在页面上下滑动的时候,由于
video
原生
组件
的
层级
太高
,会把
悬浮
(弹窗)给
覆盖
掉。 像
video
这种原生
组件
层级
太高
,
覆盖
了其他内容。用z-index去调试的话,在工具上市可以解决的。 但是真机测试的时候还是没有解决该问题。
微信小程序
开发文档提供的这么一个
组件
,cover-view。
覆盖
在原生
组件
之上的文...
小程序上传图片和视频
<view class="containor"> <view class="publish_text_area"> <!-- 标题 --> <view class="text_area_title"> <input class="title_input"
其他开发语言
3,425
社区成员
15,624
社区内容
发帖
与我相关
我的任务
其他开发语言
其他开发语言 其他开发语言
复制链接
扫一扫
分享
社区描述
其他开发语言 其他开发语言
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章