Question

我有兴趣学习如何在该部分的页面上打开Superfish弹出窗口。例如：在“关于我们”部分中，我希望“历史”，“董事会”和“员工”的子页面菜单项保持可见。

标题

主页|关于我们|课程|联系我们 - 历史 - 董事会 - 工作人员

内容|边栏

Answer 1

您可以使用CSS执行此操作。

#yournav li.current-menu-item > ul {
    display: block !important;
    visibility: visible !important;
}

请注意，Superfish会将以下CSS添加到隐藏子菜单的style属性中：display: none; visibility: hidden;。这就是上述代码中!important关键字必需的原因。

Answer 2

嗯......好像是一个非常简单的解决方案。但是我无法使用我的样式来覆盖似乎控制行为的内联样式。下面是我试图控制的第一个弹出窗口菜单的一部分。这是我正在尝试使用的CSS：

**我编辑了一下，因为我的代码块很乱，并且没有内联样式应用于子菜单UL。它似乎压倒了我所做的一切。 **

#menu-primary li.current-menu-item ul.sub-menu {
display: block !important;
visibility: visible !important;

}

<ul id="menu-primary" class="sf-menu">
<li id="menu-item-18" class="home_btn menu-item menu-item-type-post_type menu-item-object-    
page current-menu-item page_item page-item-4 current_page_item menu-item-18">anchor   
here</li>
<li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page 
menu-item-17">anchor here
<ul class="sub-menu" style="float: none; width: 12.75em; display: none; visibility: hidden;>
<li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116">anchor here</li>
<li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114">anchor here</li>
<li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113">anchor here</li>
<li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112">anchor here</li>
<li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111">anchor here</li>
</ul>
</li>
</ul>

Superfish菜单：在父节中的页面上保持子元素可见？

2 个答案: