Javascript 无法将下拉列表放置在其他主体元素上方

正如您在下面所看到的，下拉菜单不位于其他主体元素（如计时器）之上。我使用bootstrap作为下拉列表，使用redcountdownjs作为计时器

HTML:

挑选
委派时间


更新
重置
MSpeak

我试着围绕所有元素的位置和z-索引进行工作，但什么都没发生。因此，我将所有CSS修改重置为初始状态

请帮助我将下拉菜单置于身体所有其他元素之上

---

要获得完整的代码，请访问：

将这两种样式添加到css文件（可能是

elements.css

的底部）或要覆盖以前样式的地方：

.display-animation .material-animate {
    z-index: 1;
    position: relative;
}

.display-animation h3.material-animate {
    z-index: 2 !important;
}

---

你会得到你想要的

我想说的是，它必须是z-指数和位置：相对的，绝对的元素。也许dropdown是div的子代，它的z索引比图表中的div低？你需要提供一个工作代码段来重现这个问题，没有人有兴趣解析你所有的代码。而且，

标记很久以前就被弃用了。。。。。。它对

中的元素无效，如

选择
@LGSon我将删除中心标记，谢谢
.display-animation .material-animate {
    z-index: 1;
    position: relative;
}

.display-animation h3.material-animate {
    z-index: 2 !important;
}