【问题标题】:Dropdown menus falling behind page content下拉菜单落后于页面内容
【发布时间】:2013-08-14 19:37:57
【问题描述】:

我维护的 Wordpress 网站在几个月前更新,之后我们的下拉菜单停止正常工作。

www.grkroccenter.org

菜单在那里并且可以正常工作,只是不正确。有时您可以重新加载页面并将鼠标悬停在具有下拉列表(例如“程序”或“关于我们”)的链接上,当页面加载时,您会短暂看到下拉列表,但随后页面加载并且内容似乎位于下拉菜单的顶部。

我尝试了各种 z-index 解决方案,而且我是一名平面设计师,而不是程序员或 Wrodpress 专家。我只帮助维护这个网站;我没有创建它,是的,我知道代码有多乱。

任何帮助将不胜感激。如果您需要更多信息,请询问。谢谢!

【问题讨论】:

  • 看起来display:none 在悬停时没有被子菜单覆盖... superfish.js 文件似乎设置了可见性,但没有撤消为子菜单元素设置的 display:none .
  • 好的,我读到了那个帖子……我假设我应该在这里发布一些 CSS 代码,但我不知道该发布什么。
  • 你能把你的CSS代码贴在这里吗?
  • 我不知道该发布什么。你需要什么 CSS?

标签: css wordpress drop-down-menu


【解决方案1】:

子菜单设置为显示:无,这意味着除非被覆盖,否则它将永远不可见。你需要这样的东西:

.menu-item:hover .sub-menu {
    visibility: visible;
    display: block;
}

【讨论】:

  • 我在样式表的代码中没有看到类似的东西...我尝试发布代码,但这里的字符限制太严格了,它不会让我发布必要的菜单编码.我的菜单代码看起来像这样(见下一条评论):
  • } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #c0bdb0; color: #000; outline: 0; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top:32px; /* overriding essential styles */ } .sf-menu ul ul { margin-top:0; } .sf-menu ul a { background:#a4a196; color: #000; border-bottom:none; } .sf-menu ul a:hover { background:#c0bdb0; color: #000; } .sf-js-enabled ul li ul { margin-left: auto !important; } .sf-menu ul li ul { margin-left:110px; }
  • 抱歉,我不知道如何让我的代码像样式表中一样显示得井井有条。我尝试了努力回报,但没有奏效。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-11-02
  • 2016-11-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多