前端之家收集整理的这篇文章主要介绍了
html – CSS精灵和重复的背景，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我想将所有的小图像保存在一个精灵
文件中，例如：
现在假设我想添加一个薄的背景图像，这意味着重复-x超过元素宽度的100％：
这必须存储为一个单独的实体，或者我可以以某种方式存储在精灵图像中？如果可以在一个精灵部分做一个背景重复，我不能解决，我想，但我相当肯定我已经看到它在某个地方完成。
我不知道这是否在CSS3中，但是Gecko引擎(Firefox 4 …)
添加了-moz-image-rect中的image-rect，它允许您选择图像的特定部分以供使用。为此，您可以选择一部分精灵作为背景图像，然后重复。
它绝对不是广泛传播或标准的。
我喜欢做的是做3种精灵。一个有图标，你根本不使用重复，一个用于水平重复的图像，一个用于垂直重复的图像。
这样你可以添加几个反复的背景到一个精灵，但没有太多的麻烦使用它。
原文链接：https://www.f2er.com/html/233016.html
