在我的网站 wordpress 中，我使用插件“Advanced Responsive Video Embedder”来合并视频。这很酷，但我遇到了一个小问题，因为我在网站上添加了一个广告页面，当访问者进入网站时会显示该页面。碰巧在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-bot\tom: 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%;
}
由于它适用于某些浏览器，我真的不知道它可能是什么。
提前致谢！