这个问题基本上是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;}