CSS下拉菜单隐藏在内容后面(z索引由于转换而无法工作)

Question

我正在开发一个带有下拉菜单的子菜单，但是当菜单展开时，内容隐藏在下一个灰色内容部分下面。我还试图将扩展ul元素的z索引设置为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/

谢谢。

Answer 1

从overflow: hidden;中删除section