css - 在 Chrome 中删除 Sprite 图像周围的边框

Question

第一次使用这种技术，似乎无论我尝试分配什么属性，边框都不会在 Chrome 中消失。其他浏览器没问题。我试过 outline:none, border:0;等等，等等。还尝试在图像周围添加彩色边框，并注意到黑色边框仍然存在于彩色边框内。似乎不想离开。

非常感谢解决方法或建议。

.share-link {
display: block;
width: 41px;
height: 32px;
text-decoration: none;
background: url("link-icon.png");
}

.share-link:hover {
background-position: -41px 0;
}


<a title="Share this Link" href="#"><img class="share-link"></a>

Answer 1

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

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

Demo here.