CSS - 悬停可见另一个子菜单

Question

我正在使用Wordpress菜单，其中包含经典菜单和项目的子菜单。当我悬停一些有孩子的项目时，子菜单会显示。问题是，当我有一些页面，我想显示当前页面的固定子菜单。

我的JSFiddle在这里http://jsfiddle.net/d2Lcukoe/，你可以看到我的菜单和悬停＆＃34;现场表演＆＃34;或者＆＃34;埃尔维斯普雷斯利＆＃34;你会看到子菜单。埃尔维斯普雷斯利是我当前的页面 - 有css班current-menu-item。而且我想让它的子菜单不受悬停地显示，但是当我悬停Live show以查看其子菜单（另一个子菜单）时，当我再次移开时，再次看到当前的子菜单。

我在最近的css课中试过这个：

.second-navigation ul > li.current-menu-item > ul {
      visibility: visible;
}

它将显示当前子菜单但我无法看到＆＃34;直播节目＆＃34;的另一个子菜单。在悬停。我怎样才能做到这一点？我很抱歉英语不好。

JSFiddle中的答案是最好的。

Answer 1

您应该可以通过添加following：

来实现这一目标

li.current-menu-item .sub-menu {
    visibility: visible;
    z-index: 100;
}

当前菜单项有一个子菜单时，它被设置为可见，z-index设置为100.另一个子菜单有一个z索引，如果是101，那么它将显示和隐藏其他子菜单。