【问题标题】:Superfish Menu in Wordpress header creating Scrollbars on dropdownWordpress 标题中的 Superfish 菜单在下拉菜单中创建滚动条
【发布时间】:2012-05-06 21:39:55
【问题描述】:

所以我尝试浏览了这里的所有帖子,但我找不到我的问题在任何地方都被复制(尽管我更多地说明了我的谷歌能力而不是我的情况的独特性)

基本上,我有一个基于 wordpress 的网站 (vegasonthemic.com),使用 superfish 插件作为导航菜单。 我可以访问每个页面顶部导航栏中的下拉菜单项,除了个别艺术家的帖子项目。 (所有艺术家/声学男/点击其中一张图片。)

当我转到这样的页面时:http://vegasonthemic.com/portfolio-item/nate-ridgely-2012-04-19/ 并尝试访问“所有艺术家”下拉菜单,它不会在 Firefox 和 IE 中一直显示,而在 chrome 中它会创建这些粗糙的滚动条。

我已经尝试调整 z-indexes 和 overflow:visible;s 以满足我的小心脏的内容,但无法弄清楚为什么会发生这种情况。

【问题讨论】:

  • 您的整个内容不在包装器中,这可能会导致很多问题,并且不要一次又一次地在同一个 ID 上应用不同的 css。一次为特定 ID 定义所有 css
  • @TheGreenWayKid:在这种情况下,始终只使用一个 id 或类来定义您的样式,正如 Ankit 所说,您放置选择器的次数不是一个好习惯

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


【解决方案1】:

从容器中移除overflow:auto;

#container {
     overflow: auto; /*Remove this*/(from style.css (line 121))}

【讨论】:

  • 无需抱歉,没关系,您的观点是对的。编写此代码的人需要通过使用您的解决方案付出更多努力。虽然如果他从一开始就使用正确的 css 值,他就不会遇到麻烦
【解决方案2】:

在您的 css 中,容器需要像这样可见的溢出

#container {
    width: 1280px;
    overflow: visible;
}

【讨论】:

  • 完美用户1347312。 @ThatGreenwayKid:您在不同位置的同一个 css 文件中为同一个选择器定义了 css - 太糟糕的 css。
  • 完美!非常感谢您的快速反馈!这个网站太棒了!现在我得去清理一些 CSS。 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-08-01
  • 2014-05-04
  • 1970-01-01
  • 2012-05-17
  • 1970-01-01
  • 2014-01-27
  • 2017-02-17
相关资源
最近更新 更多