Bootstrap Hover链接问题

Question

我用Bootstrap创建了这个演示页面。无论我如何更改样式，它都不允许我在悬停时使链接位于正确的更改颜色。

非常感谢任何帮助。

链接到页面：http://coffeesite.s3-website-us-west-2.amazonaws.com

Answer 1

我打开了开发工具并更改了默认的li＆gt;背景颜色为红色，背景颜色在悬停和活动时成功更改为透明（单击后）。

.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;

}

您没有看到任何更改，因为您没有设置初始背景颜色。只需添加类似

的内容

.masthead-nav > li > a {
  background-color: rgba(0,0,0,0.5); /* or you know.. whatever color you want */
}