埋め込み動画でブロックされたナビゲーションをドロップ

Question

ナビゲーションメニューの下に私のページにYouTube動画を埋め込んでいます。ドロップダウンメニューは動画の後ろにあります。

私はwmode = "transparent"を試しましたが、私の問題を解決していません。私は試してみました& wmode = transparent &？wmode = YouTubeのリンクの背後に透明なも成功しません。

私はあなたの助言に感謝します。

私のHTMLコードは次のとおりです。

<div class="video-container2"> 
    <iframe width="560" height="315" src="https://www.youtube.com/embed/Fr7Haxh4Si0" wmode="transparent" frameborder="0" allowfullscreen></iframe> 
    </div> 

私のCSSは次のとおりです。

.video-container2 { 
       position: relative; 
       padding-bottom: 56.25%; 
       padding-top: 20px; 
       height: 0; 
       overflow: hidden; 
      } 

    .video-container2 iframe, 
    .video-container2 object, 
    .video-container2 embed { 
       position: absolute; 
       top: 0; 
       left: 0; 
       width: 90%; 
       height: 50%; 
       margin-left: 0px; 
       margin-bottom: 5px; 
       } 

Answer 1

フリットは、私のコメントを参照すると、もう少し詳細な回答を追加することで示唆したように。

.video-container2 { 
    z-index: -1; 
    } 
.dropdown_menu { 
    z-index: 1; 
    } 

Answer 2

あなたは、ヘッダーのzインデックスをチェックした99