我使用此模板。此鏈接包含一個現場演示。如何刪除菜單欄總是最佳效果?
http://www.free-css.com/free-css-templates/page207/wpf-degree
不過,我要永遠刪除的菜單欄頂部的效果。
對於它的style.css
/*--------.menu_area-------- */
.menu_area{
float: left;
display: inline;
width: 100%;
font-size: 17px; /*--------.monchhichi-------- */
font-weight:bold;
color:#CBE32D;
}
.navbar-default .navbar-brand {
color: #fff;
font-size: 25px;
font-weight: bold;
margin-top: 20px;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
background-color: transparent;
color: #fff;
}
.navbar-default {
background-color: #CBE32D;
border-color: transparent;
}
#navbar{overflow-x: hidden;}
.navbar-default .navbar-nav > li > a {
color: #244a66; /*--------.monchhichi menu bar font color-------- */
font-family:"arial",sans-serif;
padding: 10px 15px;
text-transform: uppercase;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: transparent;
}
.navbar-nav > li > .dropdown-menu {
background-color: #48575a;
}
.navbar-nav > li > .dropdown-menu:before {
border-bottom: 15px solid #48575a;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
content: "";
height: 0;
position: absolute;
right: 25px;
top: -15px;
width: 0;
}
.navbar-nav > li > .dropdown-menu li a {
border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
color: #fff;
display: block;
opacity: 0.8;
padding: 10px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.navbar-nav > li > .dropdown-menu > li:last-child a {
border-bottom: medium none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color:transparent;
text-decoration: none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
background-color: transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
background-color: transparent;
}
它不包含position :fixed
或z-value
功能。
我不知道爲什麼總是最好的效果在這裏激活。
.............................................. .................................................. .................................................. ............
嘗試刪除頂部:-15px;在.navbar-nav> li> –
可能需要刪除class .navbar-fixed-top –