Z-indexでdivの可視性を変更する

Question

私は1ページのウェブサイトで作業しています。私はデフォルトで隠されているいくつかのHTML5ビデオを持っており、リンクをクリックすると、それらはオーバーレイ（モーダル）ボックスに表示されます。

現時点では、私はJSで表示して隠しているだけですが、「表示：なし」ページの読み込み時には、動画が公開された時点で動画のコントロールに問題が発生しているようです...

動画を隠すことを避けるために、メインコンテンツの背後に並べ替えることで、 z-インデックスを使用します。私は古いブラウザでZ-インデックスの問題を心配していません。

JQueryでこれを行う簡単な方法がありますか、カスタム関数を記述する必要がありますか？

Answer 1

あなたは簡単にjQueryを使ってのz-indexプロパティを設定することができます。

$('#video1').css('z-index', '10'); 

を文書の準備ができたら、あなたはjQueryのを発射していることを確認します。

Answer 2

のZIndexを設定する

使用jQueryの

$（ '＃のビデオ1'）、CSS（ 'のZIndex'、 '100'）。

Answer 3

visibility:hidden; 

代わりの

display:none; 

を試してみてください