【问题标题】:Superfish menu spacing and dropdowns [closed]Superfish菜单间距和下拉菜单[关闭]
【发布时间】:2014-01-27 05:23:40
【问题描述】:

我被要求对网站菜单进行一些更改。麻烦的是,我对超级鱼菜单的工作方式有疑问,特别是在我进入子菜单之前下拉菜单会关闭。我猜这是一个 CSS 问题,并且任何触发下拉菜单的东西都被我拥有的东西所破坏改变了。

如果有经验的人能指出正确的方向,我将不胜感激。

谢谢!

【问题讨论】:

  • 对不起。链接是:gordoncastlehighlandgames.co.uk/wp
  • 这个问题似乎离题了,因为 Stack Overflow 不是代码编写服务。
  • 查看你的css:a(父链接)的行高是28px,但ul:hover的顶部位置是32px,将其更改为28px或另一个更改为32px:@ 987654322@ -- 还要看看你在最后一行有一个双括号。检查你的 CSS 是否有类似的错误和其他错误。

标签: jquery css wordpress drop-down-menu superfish


【解决方案1】:

没有看到你的代码很难说,但我猜你的顶级菜单和下拉菜单之间有一个小的差距,导致光标在你到达之前有效地取消选择菜单。减少这个边距/差距应该可以解决问题。

如果没有,请发布您的代码或 jsfiddle,我会更新

更新

发现问题。在您的 style.css 中,您有 div.sixteen.columns.mt0 {margin-top: -20px;} 行。这个负边距与顶部导航重叠,导致奇怪的行为。删除这个负边距(将其设置为“0”),导航将再次起作用。

【讨论】:

  • 嗨!感谢您花时间回复。我已经将所有相关代码放在了一个过去的bin中(不知道如何使用 jsfiddle!)希望这没问题。 pastebin.com/EJefKp1L
  • 这就是原因:查看你的css:a(父链接)的行高为28px,但ul:hover的顶部位置为32px,将其更改为28px或另一个到 32px:gordoncastlehighlandgames.co.uk/wp/wp-content/themes/gchg/... - 还要看看你在最后一行有一个双括号。检查你的 CSS 是否有类似的错误和其他错误。 – cab 34 秒前编辑
  • 嗨,除非我误解了我没有工作..
  • 发现问题。在您的 style.css 中,您有 div.sixteen.columns.mt0 {margin-top: -20px;} 行。这个负边距与顶部导航重叠,导致奇怪的行为。删除这个负边距(将其设置为“0”),导航将再次起作用。
  • 另外,<div class="sixteen columns mt0"> 中有一个空白 H1 标签 - 除非您打算实际使用它,否则您应该删除它。这个 div 与菜单重叠
猜你喜欢
  • 1970-01-01
  • 2011-08-01
  • 1970-01-01
  • 2017-03-03
  • 1970-01-01
  • 1970-01-01
  • 2019-12-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多