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

Question

我在头文件/菜单中有bootstrap和svg sprit的基本代码..图标中有一条细的灰色背景线。

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

你能帮忙吗？我试过设置

border- * etc为0 - 我可以解决。我设置了颜色/背景 - 但有些地方我错过了什么。

某些地方它从normalize.less

获得以下值

border-image-width：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;
}

＆LT;

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

如何删除灰线。

感谢

Answer 1

这是因为您使用的img代码没有src属性。 Chrome基本上表示容器的大小，其中没有任何内容。

如果您不想在锚标记之间放置图像，请不要使用图像标记。没有必要在标签之间放置任何东西。

Demo here.

Answer 2

您可以在background-image中使用css的div标签，而不是使用img标记。