Popup div使flash消息无法点击

时间:2014-05-07 22:19:35

标签: javascript jquery html css flash

我有一个id为" popup"在我的屏幕上弹出(使用jQuery' s 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,附带clickevent以开始录制):this image

有没有办法能够点击"点击通过" div或给flash消息一个更高的z-index,或者其他什么?我希望有人能帮助我提出建议!

1 个答案:

答案 0 :(得分:0)

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

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

}

AFAIK,闪光灯弹出窗口是浏览器的内部,无法设置样式。

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

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