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

时间:2017-02-03 23:43:51

标签: w3.css

创建一些clickable dropdowns时,我注意到如果它们重叠,下拉菜单将隐藏在任何可点击的下拉按钮后面。这是一个例子

W3.CSS Clickable Dropdown

我该如何解决这个问题?以下是用于创建下拉列表的代码。

<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/

顺便说一句,这会被视为一个错误吗?

感谢。

1 个答案:

答案 0 :(得分:0)

根据Tony Hensler的评论,这是z指数。

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

我刚刚将z-index:1添加到w3-dropdown-content div作为修复的内联样式。

谢谢托尼。