HTML-тег объекта над Bootstrap 3 modal

Question

В настоящее время я использую scriptcam.js для встраивания захвата веб-камеры на веб-страницу.

Когда я открываю bootstrap modal, модальные отображаются под объектом веб-камеры.

Это код, сгенерированный scriptcam.js, чтобы загрузить веб-камера захвата объектом флэш-памяти.

Я пытаюсь играть с г-индекса, но это не работает.

Может у кого-то есть идея, как это исправить.

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

Answer 2

вы можете установить Z-индекс модальных и видео следующим образом:

для видео -> Z-индекс: 3040;
для модальных -> z-index: 3050;

Если он не работает, попробуйте увеличить индекс z для модального.