Bootstrap Hover Link Issue

Question

Я сделал эту демонстрационную страницу с Bootstrap. Независимо от того, как я меняю стили, это не позволит мне сделать ссылки, расположенные на правильном цвете изменения, наведите указатель мыши.

Любая помощь была бы принята с благодарностью.

Ссылка на страницу: http://coffeesite.s3-website-us-west-2.amazonaws.com

Answer 1

Я открыл средство разработки и изменила Ли по умолчанию> цвета фона на красный, а цвет фона успешно меняется к прозрачному по наведению и активный (после щелчка).

.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 */ 
}