如何设置没有背景颜色的导航栏？
在div之后向下滚动时,导航栏会获得一个新的背景颜色(导航栏应该固定在顶部,我navbar-fixed-top在Bootstrap中使用)
我尝试了一些教程,但没有成功.
这是网站:http://attafothman.olympe.in/
我在谈论顶部的黑色导航栏.
我想滚动时改变导航栏的颜色.当导航栏位于顶部时,背景是透明的.感谢大家的关注,请原谅我糟糕的英语!
/* COLORE NAVBAR */
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
box-shadow: 1px 1px #000;
}
.navbar-toggle {
background-color: transparent;
border: none;
}
.navbar-toggle:hover {
background-color: transparent! important;
}
.navbar-toggle:focus {
background-color: transparent! important;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.navbar-default .navbar-nav>li>a {
color: #FFF;
text-shadow: 1px 1px #000;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: red;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
background-color: yellow;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color: blue;
} …