0

私のウェブサイトのワードプレスでは、プラグイン「AdvancedResponsiveVideoEmbedder」を使用してvídeosを組み込んでいます。かっこいいですが、訪問者がサイトに入ったときに表示される広告ページをサイトに追加したので、少し問題があります。Firefoxとオペラでは、プラグインによって埋め込まれたビデオの前に広告が表示されるので、かっこいいです。ただし、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%;
}

一部のブラウザで動作するので、私はそれが何であるか本当にわかりません。

前もって感謝します！

4

1 に答える 1

1

次を削除z-indexします。

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

Firebugを使用して犯人を特定しました。私の知識のおかげで、これはおそらくz-index問題であると推測できました。次に、すべての div をチェックして、z-index. 上に投稿した div に of が含まれているz-indexのを見つけました5000。を使用してそれをオーバーライドしましたz-index: 0!important;。

于 2013-09-23T08:21:45.523 に答える