ブートストラップのヘッダーイメージの細い線を削除します

Question

ヘッダ/メニューにブートストラップとsvgの基本コードがあり、アイコンに薄い灰色の背景線があります。

http://codepen.io/anon/pen/dpzKoQ?editors=1100

あなたが助けてくださいすることができます。私は設定しようとしました

ボーダー*など0に修正することができます。私は色を設定/背景 - しかし、私は何かを欠けている。

それはnormalize.lessから以下の値を取得しているいくつかの場所

ボーダー画像幅：1;

コード：codepenをご覧ください。灰色の線を削除するにはどのよう

<

div id="home"> 
     <a href=" "> 
        <img class="icon icon-twitter"></a> 
               </div> 

.icon { 
    display: inline-block; 
    background-repeat: no-repeat; 
    background-image: url(https://cdn.rawgit.com/srisitar/test/master/sprite.svg); 
} 

.icon-facebook { 
    width: 96px; 
    height: 96px; 
    background-position: 0 0; 
} 

.icon-twitter { 
    width: 96px; 
    height: 96px; 
    background-position: -128px 0; 
} 

。あなたがいない src属性で imgタグを使用しているためです

おかげ

Answer 1

。 Chromeは基本的にコンテナのサイズが何も表示されていないことを示しています。

アンカータグの間にイメージを配置しない場合は、イメージタグを使用しないでください。タグの間に何かを配置する必要はありません。あなたが代わりにimgタグを使用してのcssにbackground-imageでのdivタグを使用することができます

Demo here.

Answer 2

。