CSS-z索引和重叠div的问题

我的主菜单栏有一些问题。菜单栏有三个级别；一级包含主要项目，二级是当我将鼠标放在一级项目上时，菜单就会下降，三级菜单出现在二级菜单的右侧。您可以在下图中看到这些内容：

我想要实现的是，三级菜单被二级菜单覆盖，就像图片上显示的一样。我希望阴影出现在三级菜单上

现在情况正好相反，即三级菜单位于二级菜单上。因此，三级菜单的阴影被放置在二级菜单上。单击以下链接可以看到这一点：

我尝试通过更改z索引，使用：before伪css选择器创建一个新的堆栈层来实现这一点，但直到现在都没有效果

非常感谢您的帮助

---

谢谢。

使用：before pseudo css选择器创建新的堆栈层

实际上并不会创建新的堆栈层。好的，但是我应该如何创建呢？你有什么建议吗？你需要让三级菜单不是二级菜单的子菜单。如果元素构成层次结构，则每个子元素都将继承父元素的z索引。更多信息：好的，没有办法创建一个新的堆栈层吗？有很多方法。当父对象没有

位置：相对时，将定位更改为
绝对
，将不透明度更改为.99，等等。