Bootstrap 3 modal 上的 HTML 对象标签答案

【问题标题】：HTML object tag over Bootstrap 3 modalBootstrap 3 modal 上的 HTML 对象标签
【发布时间】：2016-08-24 02:24:05
【问题描述】：

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

当我打开引导模式时，模式出现在网络摄像头对象下。

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

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

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

【问题讨论】：

标签： html twitter-bootstrap-3 bootstrap-modal scriptcam

【解决方案1】：

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');
});

【讨论】：

不错的解决方法！将它用于我遇到类似问题的项目。

【解决方案2】：

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

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

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

【讨论】：