css - bootstrap 3 上的透明导航栏

Question

我想让导航栏透明，我有以下代码:

<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; 但结果是这样的:

顶部有一条白线，导航栏顶部有一条更大的白线。我怎样才能删除它？或者我怎样才能拥有透明的导航栏？

Answer 1

添加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;
}

DEMO