html - 在菜单上使用滚动条时如何显示子菜单？

Question

早上好，我有一个菜单，你需要它有一个垂直的边栏。正如你在图片中看到的，我可以添加它。但是，当鼠标指针悬停在菜单项上时，会出现子菜单，但它们会被栏隐藏。我希望子菜单与栏重叠，即它们出现在前面，而不是隐藏起来。已经尝试更改子菜单的 z-index，但没有用。任何人都知道任何替代方案，或者我该如何解决这个问题？

然后，由于系统菜单都是动态挂载的，所以我在 jsFiddle 中创建了一个示例。问题是菜单有子菜单，当我尝试访问它们时，它们位于创建滚动条的框“内部”。链接:jsfiddle.net/tBJe3/10/

谢谢!

Answer 1

试试这个，

.menuLateral {
    margin-left: 4px;
    margin-top: 1%;
    position: relative;
    width: 35%;
    height:200px;
    color: #B2C2B9;
    float: left;
    overflow:visible;
} 

http://jsfiddle.net/tBJe3/11/