其他菜單按鈕後面的菜單按鈕下拉文本。

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/

BTW，這會被認爲是一個錯誤？

感謝。

Answer 1

根據託尼亨斯勒的評論，這是Z指數。

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

我只是說z-index:1到W3-下拉內容DIV作爲固定內嵌樣式。

謝謝託尼。