首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >超音波-当前子菜单总是显示

超音波-当前子菜单总是显示
EN

Stack Overflow用户
提问于 2012-03-09 20:38:31
回答 1查看 6K关注 0票数 1

我正在使用超级显示一个横向菜单在网站上。每当我在一个页面上是当前菜单项或子菜单项目,子菜单总是显示。当这种情况发生时,当您将鼠标悬停在其他子菜单上时,它会与其他子菜单重叠。如何隐藏当前显示的子菜单?

编辑:好的,我想出了如何用CSS来完成这个任务。我将以下代码添加到超级鱼-Navbar.css中

代码语言:javascript
复制
ul.sf-navbar ul {
display: none;
}
ul.sf-navbar li:hover ul {
display: block;
}

它隐藏当前的子菜单,并在您悬停在父项上时显示所有子菜单。

EN

回答 1

Stack Overflow用户

发布于 2012-03-09 20:45:59

For CSS

在超级鱼类-Navbar.css中,您将删除第63行中的以下规则。

代码语言:javascript
复制
ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul {
      left: 0;
      top: 2.5em;
  }

当您最终使用Javascript

在超级鱼类插件的文档中,在options选项卡上,它显示了默认选项。它看起来像是pathLevels设置为1,而pathLevels的描述

使用pathClass保持打开或还原的子菜单级别数

看来是你需要的选择。尝试将pathLevels设置为0。

有关比较,请参阅此jsfiddle:http://jsfiddle.net/keithwyland/G87Lm/

http://users.tpg.com.au/j_birch/plugins/superfish/#options

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9640661

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档