他のメニューボタンの背後にあるメニューボタンドロップダウンテキスト。

Question

clickable dropdownsを作成するときに、重複するとドロップダウンメニューがクリック可能なドロップダウンボタンの背後に隠れることに気付きました。ここでは例

私はこれをどのように修正することができますか？ドロップダウンの作成に使用されるコードは次のとおりです。

<div class="w3-container"> 
    <div class="w3-dropdown-click"> 
    <button onclick="myFunction()" class="w3-btn">Click Me!</button> 
    <div id="Demo" class="w3-dropdown-content w3-border"> 
     <a href="#">Link 1</a> 
     <a href="#">Link 2</a> 
    </div> 
    </div> 
</div> 

私もバイオリンを作ったが、それが動作していないようです：https://jsfiddle.net/n2fole00/99d8d7pj/

ところで、これはバグとみなされるのでしょうか？

ありがとうございました。

Answer 1

Tony Henslerのコメントに基づいて、それはz-インデックスでした。

<div id="<?php echo $course->course_id; ?>" class="w3-dropdown-content w3-border" style="right:0; z-index:1;"> 

私は、修正のためのインラインスタイルとしてW3-ドロップダウン・コンテンツのdivにz-index:1を追加しました。

ありがとうTony。