Html 菜单链接在父负z索引容器中不可链接。

我需要像图片一样设计菜单。到目前为止，我已经通过边界半径和负层实现了这一点，但是第四个和第五个菜单项无法单击。我需要你的建议。这是你的电话号码

要实现的菜单设计：

---

我通过向类添加以下属性解决了这个问题。由于“第三菜单”位于所有菜单（层）的顶部，“第二菜单”和“第四菜单”位于同一级别。类似地，“第一菜单”和“第五菜单”也具有相同的层次。在这里我想知道我是如何做到的

.menu div.three{
    position: relative;
    z-index: 3;
}
.menu div.four{
    position: relative;
    z-index: 2;
}
.menu div.five{
    position: relative;
    z-index: 1;
}

以下是最新的