html - 当我将鼠标悬停在导航中的菜单项上时出现白线

标签 html css wordpress drop-down-menu

我在网站上工作时遇到了一个问题，因为当我将鼠标悬停在菜单项上时，在我的导航栏中下拉菜单项，因为下拉列表显示横跨我的 2 个菜单项的白线出现在一个菜单项和下一个菜单项上。我真的不知道发生了什么。这是我的导航代码(我正在使用 Wordpress 的 Genesis 框架)

.genesis-nav-menu a {
	border: none;
	color: #919594;
	display: block;
	font-size: 14px;
	padding: 20px;
	position: relative;
	top: 35px;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #C77D3C;
	border: 2px solid #C77D3C;
	border-radius: 12px;
}

最佳答案

您的 .site-header .sub-menu 有一个 border-top。如果您删除那个，它也会从页面中删除。

我可以看到您已在 CSS 文件中将其注释掉，但它显然已被应用。为什么应用它是一个谜，你必须自己解决。至少现在你知道它来自哪里:)

enter image description here