前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >新版RTSP协议视频流媒体平台EasyNVR首页播放器遮挡下拉框的问题优化

新版RTSP协议视频流媒体平台EasyNVR首页播放器遮挡下拉框的问题优化

作者头像
EasyNVR
发布2020-08-14 11:33:36
发布2020-08-14 11:33:36
41100
代码可运行
举报
文章被收录于专栏:EasyNVREasyNVR
运行总次数:0
代码可运行

EasyNVR更新版本也有了一段时间了,一目了然的界面受到了很多用户的好评,没有辜负我们研发团队研发新版本的辛苦付出。

TSINGSEE青犀视频研发团队开发人员发现,在进入新版界面之后,导航栏的下拉框被视频调阅的播放器遮挡,无法看到下拉框的内容,进行设置。

由于是播放器遮挡住了下拉框,于是我们把播放器关闭,播放器关闭后,下拉框就没有被遮挡,由此可以确定是播放器的层级过高挡住了内容。

我们在代码找到设置播放器层级的地方,最后一行的z-index: 1900则是层高设置,经过调整测试之后,将z-index属性设置为100就可以达到效果,不会遮挡内容了。

代码语言:javascript
代码运行次数:0
复制
 .newplays,


.oldplays {

position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1900;
}

修改后效果如下,导航栏下拉框正常显示:

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-08-13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档