其他菜单按钮后面的菜单按钮下拉文本。

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作为固定内嵌样式。

谢谢托尼。