Superfish 菜单有问题

发布于 2024-11-02 20:56:31 字数 211 浏览 3 评论 0原文

参见链接: http://www.advertisesolutions.com/beta/4kitchens.html

无法理解为什么有主菜单和子菜单下面有一个间隙,并且“配置文件”->“配置文件设置”菜单的高度有问题。

See link:
http://www.advertisesolutions.com/beta/4kitchens.html

Cannot understand why there is a gap below the main menu and the submenus and the menu for Profile->Profile Setting has a problem with the height.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

凹づ凸ル 2024-11-09 20:56:31

配置文件设置存在高度问题,因为您将其设置为 33px 高度,并且它跨越两行...

将 .main-menu li 更改为:

.main-menu li {
      background:#ff6633;
      height:auto;
}

并将 .main-menu li:hover 更改为:

.main-menu li:hover {
      background:#ff6633;
      height:auto;
}

要删除间隙,将:

.main-menu li:hover ul, .main-menu li.sfHover ul {
left: 0;
top: 2.5em;
z-index: 99;

}

更改为:

.main-menu li:hover ul, .main-menu li.sfHover ul {
left: 0;
top: 2.2em;
z-index: 99;

}

您的最高值太大,并且子菜单的位置太低。

The profile setting has a height problem because you set it to 33px height and it spans two lines...

change .main-menu li to:

.main-menu li {
      background:#ff6633;
      height:auto;
}

and .main-menu li:hover to:

.main-menu li:hover {
      background:#ff6633;
      height:auto;
}

To remove the gap change:

.main-menu li:hover ul, .main-menu li.sfHover ul {
left: 0;
top: 2.5em;
z-index: 99;

}

to:

.main-menu li:hover ul, .main-menu li.sfHover ul {
left: 0;
top: 2.2em;
z-index: 99;

}

Your top value was just too large and positioning the sub menu too low.

蹲墙角沉默 2024-11-09 20:56:31

像这样的

.main-menu li li {
  position:relative;
  top:-10px;
}

你想要定位菜单的第二层,然后相应地更改 top:-10px 值,直到间隙消失。

负数很重要! (间隙修正为负值,重叠为正值)

Something like this

.main-menu li li {
  position:relative;
  top:-10px;
}

You want to target the second level of your menu, then change the top:-10px value accordingly until gap is gone.

Negative number is important! (negative for gap fixes, positive for overlaps)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文