iframe的src指向个网络视频地址，在公众号中处于最上层

yuyunyun051

在微信公众号中，页面中的iframe组件src指向一个网络视频地址，代码如下：
var VideoAdress = "http://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=4db1163e81a4ddd27545d9067c8d7a51&tvId=17758254009&accessToken=2.f22860a2479ad60d8da7697274de9346&appKey=3955c3425820435e86d0f4cdfe56f5e7&appId=136";
$(this.getElementsByXid("iframe1")).attr('src',VideoAdress);


发布后，在微信公众号里面 发现视频一直处于最上层。一划拉滚动条，视频把上面的图片给遮挡了。后来调试了下，发现iframe加载的html代码中引用了爱奇艺的css样式：
http://static.iqiyi.com/css/20180601/h5_outsitePlay_v2.css。样式里面定义了很多元素的z-index。



我在我的css里面把用到的样式的层全调成-1，但还是没效果。
.fullScreen_wrap .mod-video_info {
    z-index: -1;
}
.fullScreen_wrap .mod-mixin_wrap {
    z-index: -1;
}
.mod-video .mod-video_dashboard {
    z-index: -1;
}
.videoEpisode-wrap {
    z-index: -1;
}
.fullScreen_wrap .mod-video .mod-video_button {
    z-index: -1;
}
.mod-video .mod-video_progressMini {
    z-index: -1;
}
.mod-video .mod-video_unPlay {
    z-index: -1;
}



请问下，我该如何处理，我只是想滚动的时候让那个视频在下面一层。（这个问题在App里面不存在，划拉滚动条，显示正常。）

liangyongfei

w同名css中重写不生效，就有在外面去引入一个 自定义 css
http://docs.wex5.com/wex5-ui-question-list-2038/

重写样式，再外面单独定义一个css  然后当前页面引入这个css

重写样式不生效，可能是权重不够  ，加上important ，设置最高权重试试