我想让导航栏透明,我有以下代码:
<div class="navbar navbar-default navbar-fixed-top" style="top:50px; background:transparent;">
<div class="navbar-inner">
<div class="container">
<ul class="nav navbar-nav">
<a class="navbar-brand">My Company</a>
<li><a href="#">Home</a></li>
<li><a href="#">Portofolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
所以我使用了background:transparent;
但结果是这样的:
顶部有一条白线,导航栏顶部有一条更大的白线。我怎样才能删除它?或者我怎样才能拥有透明的导航栏?
最佳答案
添加border:0;
和box-shadow:none
<div class="navbar navbar-default navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<ul class="nav navbar-nav">
<a class="navbar-brand">My Company</a>
<li><a href="#">Home</a></li>
<li><a href="#">Portofolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
更新 添加 CSS 的正确方法:
.navbar-default{
background:none !important;
border: 0;
box-shadow:none !important;
-webkit-box-shadow: none !important;
}
关于css - bootstrap 3 上的透明导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22588137/