Css 引导下拉菜单z索引错误（重叠）

请问，你能帮我解决与引导下拉菜单重叠的问题吗

我已经尝试添加！对z-index很重要，添加overflow:hidden（在其他z-index问题主题中看到），但运气不好

以下是CSS的实际（非工作）部分：

.header-progress-container {
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 15px 10px 20px 0;
  background-color: white;
  position: relative;
  z-index: 1;
  border-radius: 10px;
}

.dropdown-menu{
  font-size: 20px;
  position: absolute;
  z-index: 1000;
}

.dropdown-menu > li {
  z-index: 1001;

下面是Codepen的完整模型：

---

有什么想法吗？

在你的.grey back类中添加位置和z索引样式：。灰背{背景色：#fbfb；填充：60px 0px；位置：相对；z索引：-400；}谢谢你Vasyl-它解决了重叠问题，但不幸的是使按钮无法点击