html - 删除 Bootstrap 中标题图像中的细线

Question

我在标题/菜单中有带 Bootstrap 和 svg sprit 的基本代码。图标中有一条细灰色背景线。

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>

如何去除灰线。

谢谢

Answer 1

这是因为您使用的 img 标签没有 src 属性。 Chrome 本质上是在指示容器的大小，其中没有任何内容。

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

Demo here.