在CSS精灵中查找特定图像的过程？

是否有正确的过程来定位图像精灵中的某些图像位置。假设我想使用下面的图像在标题中创建10个div图像，我如何找到每个图像的精确位置

只是一个尝试和错误的例子，使用CSS背景位置，直到图像适合

---

如果您不反对使用SCS/SASS，那么我强烈建议您使用Compass'。它将图像文件夹转换为精灵贴图，并创建允许您访问这些精灵的类。事实证明，这是我使用sprites最简单的方法，不用担心所有繁琐的计算

---

如果你不能做到这一点，那么我个人所做的就是创建多个小精灵贴图。例如，如果我有一个带有悬停开/关状态的箭头。它将把它堆叠到一个图像中，然后创建一个背景位置发生变化的类

在图像编辑器中打开它并开始测量。通常你创建这个图像，这样你就知道所有的东西都放在哪里了。通常制作图像的人会知道这一点，并且可能会提供一些文档。我无法想象有一个程序是为了这个目的而存在的，因为它需要对各种精灵的含义有一个巨大的理解。如果您看到软件识别文本或图片有多困难，那么算法如何知道红色购物车精灵结束和红色标签精灵开始的位置？如何通过浏览器的开发工具进行测试