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

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

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

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

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

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

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

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

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

你可能感兴趣的:(EasyNVR问题解决)