Javascript 跟随较高z指数div的div

很抱歉这个标题，很难解释。 在我有一个带有子菜单的菜单上，如果你按下“Nos formations”按钮，你会看到一个长长的子菜单，它位于背景图像的下方，这使得它的可读性降低

这就是我所说的（简化）：

我的想法是在每个按钮下放置一个不透明的div，但z索引为0时，它们将位于背景图像下，这样它们就永远不会隐藏它。但由于按钮包含在另一个div中，因此似乎不可能

那么有一个简单的解决方案吗？（如果可能，避免使用javascript）

---

谢谢

我建议您使用：last child参数将last button background opacity设置为1。现在我将帮助您，但我更愿意使用Javascript使最后的按钮更加不透明

对于CSS，我认为您只能使用以下内容：

#menu #submenu div:last-child{ background: rgba(255,255,255,1); }

---

我建议您限制子菜单的高度并使其滚动：

.smLongHeight{
   max-height: 200px;
   over-flow: auto;
 }

---

为什么不在中央横幅下面多加一点填充物呢？只是我的拙见，但整体看起来有点杂乱

.smLongHeight{
   max-height: 200px;
   over-flow: auto;
 }