CSS 下拉菜单隐藏在内容后面（z-index 由于转换而无法正常工作）

CSS dropdown menu hides behind content (z-index not working due to transform)

我正在开发一个带有下拉菜单的子菜单，但是当菜单展开时，内容隐藏在下一个灰色内容部分下方。 我还尝试将扩展 ul 元素的 z-index 设置为 e。 G。 999999，但它还是隐藏了。
我想这可能与ul元素的变换功能有关，它有自己的堆叠规则，但我不知道如何解决它。任何提示都会很有帮助。

.c-serviceMenu--active ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(-1px);
    transition-delay: 0s;
    z-index: 999999;
}

JSfiddle https://jsfiddle.net/umpg89jo/7/

谢谢。

从 section

中删除 overflow: hidden;