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

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

<

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

如何删除灰线.

谢谢

Answer 1

这是因为您使用的是img没有src属性的标签.Chrome基本上表示容器的大小,其中没有任何内容.

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

在这里演示.