ブートストラップナビの周りに薄い灰色の境界があります

Question

私は、約1ピクセルの幅で、ナビゲーションバーの周りに淡い灰色の境界線を表示しています。私はすべてを試しましたが、それは去ることはありません。私は境界線とボックスの影を削除しましたが、まだ運はありません。ここで

は私のhtmlです：

<nav class="navbar my-navbar "> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 

    </div> 
    <div class="collapse navbar-collapse" id="myNavbar"> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
      <li><a href="#">Page 1-1</a></li> 
      <li><a href="#">Page 1-2</a></li> 
      <li><a href="#">Page 1-3</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Page 2</a></li> 
     <li><a href="#">Page 3</a></li> 
     </ul> 

    </div> 
    </div> 
</nav> 

と私のCSS：

.my-navbar{ 

background-image:url('nav.jpg'); 
margin-bottom:0 ; 
border: 0 !important; 
box-shadow: none !important; 
-webkit-box-shadow: none !important; 
-moz-box-shadow: none; 
box-shadow: none; 

} 


.my-navbar .navbar-nav { 
    display: inline-block; 
    float: none; 
    vertical-align: top; 
} 

.my-navbar .navbar-collapse { 
    text-align: center; 
} 

アップデート：私は、ページに全幅画像のカップルを追加しましたし、それらはあまりにも彼らの周りにこの境界線を持っています。

バナー-IMGがある

<img class="banner-img" src="banner.jpg" alt="banner"></img> 

：私はそうのような画像を追加しました本当#myNavbarだあなたはIDを使用する必要が

.banner-img{ 
    display: block; 
    height: auto; 
    max-width:100%; 
    width:100%; 
    border:none !important; 
} 

Answer 1

#myNavbar 

Answer 2

をしてからとの国境なしまたは0

#myNavbar{ 
border : 0 or none; 
} 

Answer 3

私はついにそれを考え出したでる。 私はPhotoshopでウェブサイトを作成し、そこから各層を別々にエクスポートしました。私が使用していた方法は、それをJPEG画像に変換するときに、各レイヤーの周りに薄い境界線を追加します。 今、スライスツールを使用していて境界線がなくなりました。助けてくれてありがとう。