导航悬停在背景图片上

Question

您好，当我将鼠标悬停在导航按钮上时，我正在尝试更改导航按钮的背景图像。当我将鼠标悬停在它上面时，它从橙色变为浅灰色，文本保持白色。我希望它的背景颜色为白色#ffffff，文本为#F6861F

我在下面附上了我的 template.css 文件

我正在使用 protostar 模板。请帮我找到我需要更改的地方。

我的网站是，

Answer 1

您要查找的 CSS 代码在第 2843-2847 行

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}

您需要的新 CSS 如下：

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #fff;
    color: #F6861F;
}

进行这些更改，您应该下注所有设置。

Navigation Hover Over Background Image