删除引导程序中标题图像中的细线

我在标题/菜单中有带有 bootstrap 和 svg sprite 的基本代码..并且图标中有一条细细的灰色背景线。

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

你能帮忙吗？我尝试过设置

border-* 等改为 0 - 我可以修复。我设置了颜色/背景 - 但在某些地方我遗漏了一些东西。

在某些地方，它从 normalize.less 获得以下值

边框图像宽度：1；

代码：请参阅codepen。

    .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;
}

<

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

怎么去掉灰线。

thanks

这是因为你正在使用img标签没有src属性。 Chrome 本质上是指示容器中没有任何东西的大小。

如果您不想在锚标记之间放置图像，则不要使用图像标记。无需在标签之间放置任何内容。

演示在这里。 http://jsfiddle.net/xfrt4p16/2/