当我将鼠标悬停在导航中的菜单项上时，我有白线

Question

我正在网站上工作，我遇到了一个问题，因为当我将鼠标悬停在菜单项上时，在我的导航中下拉菜单项作为下拉菜单，菜单项和下一个菜单项上出现了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;
}

Answer 1

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

我可以看到你已经在你的CSS文件中对它进行了评论，但它显然已被应用了。为什么它被应用是一个你必须自己解决的谜。至少现在你知道它来自哪里：）

Answer 2

在你的css文件上

中风1155

.site-header .sub-menu {
    border-top: 1px solid #eee;
}