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

于 2013-09-01T01:55:51.237 回答