ブートストラップ3のHTMLオブジェクトタグmodal

Question

私は現在scriptcam.jsを使用してWebカメラキャプチャをWebページに埋め込みました。

ブートストラップモーダルを開くと、モーダルはウェブカメラオブジェクトの下に表示されます。

これは、フラッシュオブジェクトがウェブカメラのキャプチャをロードするscriptcam.jsによって生成されたコードです。

私はZインデックスと遊ぶことをしようとしているが、それは働いていません。

誰かがこれを修正する方法について考えていることがありますか？

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-インデックス：3050;

動作しない場合は、モーダルのZ-インデックスを上げてみてください。