Question

我有一个弹出窗口通知我的网站。弹出窗口使背景变暗，并且在其他一切之前。只有嵌入的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>

Answer 1

试试这个

将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

在嵌入式Youtube视频前获取CSS / JS弹出窗口

1 个答案: