视频播放在UC Mobile Browser上的菜单顶部

时间:2017-08-16 18:34:34

标签: html css

这个问题基本上是Video refuse to obey CSS rule in mobile UCBrowser

的副本

我试图恢复这个问题,但由于缺乏代表,我无法对此发表评论,但基本上是同一个问题。

我们的页面上播放了一段视频。当它在UC移动浏览器中播放时(我认为它使用自己的播放器?)在同一页面上我们有一个打开的菜单。问题是,当我们打开菜单时,视频正在播放。无论我们给出菜单的z-index,它总是在视频下面播放。关于UC Mobile Browser的在线文档似乎很少。

不确定css有多重要......因为这个问题看起来非常简单,但现在就是这样。

菜单css:

.block-nav-menu {
position: fixed;
top: 0;
right: 0;
z-index: 1031;
background: #fff;
width: 270px;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
height: 100%;
background: url(../../../images/mobile/bg.jpg);}

视频播放器css:

.video-holder {
position: relative;
margin: 0px;
background: #000;}

.video-holder video {
display: block;
width: 100%;
max-height: 100%;
z-index: -1;}

0 个答案:

没有答案