jquery - 试图在水平菜单栏上移动

Question

我正在研究 this site我一直在努力让菜单在顶部居中。 该站点的相关 CSS 是 here而且，正如您可能看到的那样，菜单的突出显示很奇怪，悬停在下拉菜单一侧的箭头会移动。 我所做的改变是:

覆盖这个:

#superfish-inner .menu, #superfish-inner .menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

为此:

#superfish-inner .menu, #superfish-inner .menu * {
  margin: 0;
  padding-left: 18px;
  list-style: none;
}

还有这个:

#superfish-inner .menu ul {
  position: absolute;
  top: -999em;
  width: 15em; /* left offset of submenus need to match (see below) */
}

为此:

#superfish-inner .menu ul {
  position: absolute;
  top: -999em;
  width: 8.4em; /* left offset of submenus need to match (see below) */
}

我最初并没有设计该网站，而且我也不是 CSS 专家，所以我想知道是否有人可以指出我哪里出错了？

Answer 1

#superfish-inner .menu li:hover {
    background: none;
    visibility: inherit;
}