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

【问题标题】：I have white line when I hover over menu item in my navigation当我将鼠标悬停在导航中的菜单项上时出现白线
【发布时间】：2015-10-07 02:41:39
【问题描述】：

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

【问题讨论】：

标签： html css wordpress drop-down-menu

【解决方案1】：

在你的 css 文件上划 1155

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

非常感谢我的朋友解决了我的问题 :D 祝你有美好的一天！