javascript - 下拉菜单无法通过 CSS 或 Javascript 工作？

Question

我想弄清楚为什么我的下拉菜单不起作用。

这是我正在处理的页面:http://www.privateservercloud.com/

如果您将鼠标悬停在“管理事件”左侧的区域上，您应该会看到“SEO 仪表板”和一个下拉菜单。

当我添加我无法弄清楚的下拉菜单时发生了 3 件事。

1. “SEO Dashboard”链接被推到了右边，而 li 应该在最左边。

2. “SEO 仪表板”文本完全消失，除非您将鼠标悬停在它上面。

3. 下拉菜单中有黑色方 block ，在我正在使用它的其他网站上没有出现...

有人能看出当我添加下拉菜单时会导致这些事情发生的原因吗？

编辑:除了 #1 之外，所有内容似乎都已修复。 “SEO 仪表板”链接应该位于最左侧，但似乎仍然无法正常工作...

Answer 1

我将解决以下每个问题:

1.“SEO Dashboard”链接被推到了右边，而 li 应该在最左边。

所有的 .navbar .nav 元素都有 left:156px; 的内联样式。删除它，您的链接将正确显示

2.“SEO 仪表板”文本完全消失，除非您将鼠标悬停在它上面。

您的第一个 .navbar .nav 元素具有 visibility:hidden; 的内联样式。删除它，您的链接将正确显示。

3.下拉菜单中有黑色方 block ，在我正在使用它的其他网站上没有出现...

如果您将 list-style:none: 添加到 .menu ul li ul li 元素，这应该可以解决您的问题。