HTML 对象标签超过 Bootstrap 3 模态

Question

我目前正在使用 scriptcam.js 在网页中嵌入网络摄像头捕获。

当我打开 bootstrap 模态时，模态出现在网络摄像头对象下方。

这是由 scriptcam.js 生成的代码，用于加载 flash 对象捕获的网络摄像头。

我正在尝试使用 z-index，但它不起作用。

谁能知道如何解决这个问题。

Answer 1

模态和视频的z-index可以设置如下：

对于视频 --> z-index: 3040;
对于模态 --> z-index: 3050;

如果它不起作用，请尝试增加模式的 z-index。

Answer 2

Z-index 不起作用，我不知道为什么！

这是我解决这个问题的方法。

我使用 jquery 在模式打开/关闭时隐藏和显示网络摄像头。

/**
 * Hide and display webcam object on modal open / close.
 */
$(document).on('shown.bs.modal', function() {
    $("#webcam1").css('visibility', 'hidden');
    $("#webcam3").css('visibility', 'hidden');
}).on('hide.bs.modal', function () {
    $("#webcam1").css('visibility', 'visible');
    $("#webcam3").css('visibility', 'visible');
});

HTML 对象标签超过 Bootstrap 3 模态

HTML object tag over Bootstrap 3 modal

html

bootstrap-modal

twitter-bootstrap-3

scriptcam