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

EasyNVR新版本界面受到用户好评,但发现导航栏下拉框被视频播放器遮挡,经研发团队调整播放器层级,成功解决遮挡问题,确保用户设置操作流畅。

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

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

60.png

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

61.png

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

  .newplays,
  .oldplays {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1900;
  }

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

62.png

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值