插件WordPress高级响应视频嵌入 - 某些浏览器中的溢出不好

Question

在我的网站WordPress中，我使用的是插件"高级响应式视频嵌入"来合并Vídeos。很酷，但是自从我添加到网站上一个广告页面以来，我遇到了一些问题，该广告页面出现在访问者进入网站时出现。碰巧在Firefox和Opera中，广告位于插件嵌入的视频前面，因此很酷。但是，在Chrome，Safari和Internet Explorer中，嵌入的视频出现在广告的正面。

。

有人知道如何解决这个问题？这是插件CSS的问题吗？

.arve-thumbsize {
    width: <?php echo $thumb_width_px; ?>;
    height: <?php echo $thumb_height_px; ?>;
}
.arve-embed-container {
    margin-left: -5px;
    margin-top: 10px;
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
}
* html .arve-embed-container {
    margin-bottom: 45px;
    margin-bottom: 0;
}
.arce-embed-container div,
.arve-embed-container iframe,
.arve-embed-container object,
.arve-embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 97%;
    height: 98%;
}
.arve-thumb-wrapper {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
}
.arve-nothumb-link {
    display: block;
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.arve-thumb-thumb {
    z-index: 15;
}
.arve-thumb-play {
    position: absolute;
    z-index: 20;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 40px;
    height: 37px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -19px;
}
.arve-hidden {
    display: none;
}
.arve-hidden-obj {
    width: 100%;
    height: 100%;
}

由于它可以在某些浏览器中工作，所以我真的不知道会是什么。

预先感谢！

Answer 1

on：

删除 z-index

.arve-embed-container iframe, .arve-embed-container object, .arve-embed-container embed

我已经使用Firebug来查明罪魁祸首。据我所知，我可以猜这可能是z-index问题。然后，我检查了所有DIVS，以查看它们是否具有z-index。我在上面发布了我在上面发布的DIV，上面有z-index的CC_4。我已经使用z-index: 0!important;覆盖了这一点。