视频拒绝服从移动UCBrowser中的CSS规则

Question

我的视频元素与移动UCBrowser中的所有元素重叠，因此我尝试添加一些CSS样式以使其正常工作

video {
    position: relative;
    z-index: 1;
    width:100%;
}

我还添加了这些元素，但视频重叠了

header {
    position: fixed;
    width:100%;
    height:100px;
    z-index:1000;
}

.element {
    height: auto;
    position: absolute;
    width:200px;
    z-index:900;
}

请如何让header和.element重叠视频