video - 在嵌入式YouTube视频之前获取CSS/JS弹出窗口

Question

我会弹出一个网站通知窗口。弹出窗口使背景变暗，并且位于其他所有内容的前面。我猜只有一个嵌入式YouTube视频仍在弹出窗口的前面，因为它是Flash。在Firefox中，视频“几乎”在后台，它只是弹出窗口的某些角落，在IE中，完整的弹出窗口隐藏在视频后面。我已经尝试过为Video设置较低的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>

并给出position:relative于两个CSS块#light和#video