弹出 div 使 Flash 消息无法点击

Question

我有一个 id 为“popup”的 div，它会在我的屏幕上弹出（使用 jQuery 的 show()），并带有以下 css：

#popup
{
    border: solid 1px black;
    position: fixed;
    left: 20%;
    top: 50%;
    background-color: white;
    z-index: 1;

    height: 130px;
    margin-top: -270px;

    width: 420px;
    margin-left: -100px;
}

此 div 用作开始录制网络摄像头视频的点击事件。 Flash 网络摄像头小程序显示请求访问网络摄像头的消息。不幸的是，这条消息无法点击，因为我的 div 在它上面。

查看此图片（其中粉红色块是#popup div，带有用于开始录制的点击事件）：

有什么方法可以“点击” div 或为 flash 消息提供更高的 z-index 或其他方法？我希望有人可以帮助我提供建议！

Answer 1

将包含 div 的 z-index 设置为低于 flash 所在容器的 z-index。

#popup
{
    position:relative;
    z-index: -50;

}

AFAIK，flash 弹出窗口是浏览器内部的，无法设置样式。

您甚至可以尝试完全省略 #popup 中的 z-index。

编辑做了一些谷歌搜索，看起来设置元素的位置可能会有所帮助。