0

サイト通知用のポップアップがあります。ポップアップは背景を暗くし、他のすべての前に表示されます。埋め込まれた Youtube ビデオのみがポップアップの前に表示されます。これは Flash であるためと思われます。Firefox では、ビデオは「ほぼ」バックグラウンドにあり、ポップアップのいくつかのコーナーをカットするだけです。IE では、完全なポップアップがビデオの後ろに隠れます。ビデオの z-index を低くしようとしましたが、うまくいきません。

#light{
    z-index:1001;
    font-size: 10px;
}

#video{
    margin: 20px 0px 0px 0px;
    z-index:998;
}

<ul>
    <li>
        <iframe id="video" width="500" height="282" src="http://www.youtube.com/embed/F4Z4-KCJ664" frameborder="0" allowfullscreen></iframe>
    </li>
</ul>
4

1 に答える 1

0

これを試して

iframe 行を以下のコードに置き換えます

<iframe id="video" width="500" height="282" src="http://www.youtube.com/embed/F4Z4-KCJ664?wmode=transparent" frameborder="0" allowfullscreen></iframe>

また、css ブロック #light と #video の両方に対して position:relative を指定します

于 2013-09-01T01:55:51.237 に答える