1

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

在此处输入图像描述

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

谢谢你！

4

2 回答 2

0

试试这个，

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

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

于 2013-11-11T12:18:07.113 回答
0

在您的代码中，您已position: relative;为几乎所有容器设置。如果您删除它们，您的absolutely positioned子菜单将与文档相关，并且也将位于您的scrollable内容之上。

这是JSFiddle中代码的更新版本。

请注意，通过这种方式，您的某些sub-menus 将不会出现在您想要的位置。因此，也许您需要使用固定位置或手动（动态）定位它们JavaScript。

于 2013-11-11T19:03:05.800 回答