1

我正在使用 Html 和 Css 在垂直方向创建下拉菜单，如下所示。

 [http://jsfiddle.net/techspartan/8u8NH/][1]

我正在使用 div 将我的页面分为两部分，以便在左侧显示菜单，然后在剩余空间中显示一些内容。例如，如果网页的宽度是 1024 像素，那么我将 200 像素分配给菜单，将剩余的 824 像素分配给具有内容的 div。但是在使用 div 之后，我无法导航到上面发布的url中显示的子菜单“3.4.1”和“3.4.2” ，因为我可以理解这是因为子菜单跨越了分配给它的空间。

那么我该如何解决这个问题，我不想为我的菜单分配更多宽度，并且该菜单应该跟内容。

任何帮助都将受到欢迎。谢谢。

4

1 回答 1

2

快速修复是确保您的导航的 Z-Index 高于您的内容的 Z-Index。

它在你的小提琴中关闭的原因是因为一旦你触摸文本，你就不再将鼠标悬停在你的导航上，而是悬停在你的文本上。

#nav li {
    background-color: #000000;
    margin-top: 1px;
    position: relative;
    width: 125px;
    border-radius: 15px;
    z-index:10;
}

增加 #nav li 上的 z-index 可解决此问题。

小提琴

于 2013-11-08T21:14:59.770 回答