css – 删除Chrome中精灵图片周围的边框

前端之家收集整理的这篇文章主要介绍了css – 删除Chrome中精灵图片周围的边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
第一次使用这种技术,似乎无论什么属性我试图分配边界不会消失在Chrome。其他浏览器都不错我试过大纲: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>

解决方法

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

如果您不想在锚标签之间放置图像,则不要使用图像标签。不需要在标签之间放置任何东西。

Demo here.

猜你在找的CSS相关文章