Question

再次遇到困扰我几天的问题。我四处搜寻以查看这是否只是Bootstrap问题或CSS本身中的某件事，却没有发现太多。我可能会丢失一些东西，但是当我检查页面尝试选择下拉菜单本身时，我似乎无法激活下拉菜单，因此我没有找到解决方法。

为简单起见，在Apprenace page上，当您将鼠标悬停在导航栏中的About Apprenace上时，会有一个下拉效果。发生悬停时，标题会出现一些突出显示的颜色变化，但是当您进入下拉菜单中的项目时，该链接将被链接悬停更改打断。我假设链接悬停已被某些内容覆盖，但是我不确定是什么。我猜这是一个简单的解决方法，只是盯着这个太久而忽略了。

在此先感谢您的帮助。

编辑：

这是我唯一能解决的CSS代码示例，它似乎可以在样式方面积极响应菜单。其他一切都在改变其他方面。我觉得问题出在这里。

  #menu-home-menu li.menu-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
text-align: right;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding-left: 15px;
padding-right: 15px;
}

#menu-home-menu li.menu-item a {
 padding: 0 0 !important;
}

#menu-home-menu li.menu-item:hover a {
 color: #ffb300 !important;
}

删除颜色样式会有所帮助，因为将鼠标悬停在变为绿色的链接上时不会出现白色框，但是，整个导航栏会失去悬停的颜色偏移。

下拉菜单中的奇怪悬停样式

0 个答案: