前段时间我发现了一篇文章讨论了使用和设计CSS sprites的传统方式的替代解决方案。
一个常见的问题是，如果你不想意外地让精灵的其他部分“流血”到某些元素中，你需要在精灵的一部分周围留出空间。因此，您可以使用对角线布局和事物来缓解这个问题，但它们都需要大量的开放空白区域。
本文演示了一种替代方法，可让您创建零空白精灵，并让您定义要使用的图像的确切区域和尺寸，而不必担心出血。我相信它在方法中使用了CSS内容属性，但我无法确定。
我真的想再次找到这篇文章，但我似乎无法找到它:(
我很抱歉我的模糊描述，但对于看过这篇文章的其他人来说，他们会知道我在说什么。任何帮助找到链接？谢谢！
答案 0 :(得分：1)
我认为你所指的可能是创建字体图标。它允许您拥有视网膜就绪图像，同时限制您使用1种颜色。目前有两个很好的解决方案：
还有创建SVG可修改形状的方法，这反过来允许您使用几乎无限颜色和复杂性的形状。然而，这个解决方案并不完美，因为它基于SVG，not supported by older browsers