css背景模式精灵再访

Question

到目前为止，对图标样式的图像使用css精灵是最好的实践，而且非常简单。

传统上，只有在仅使用垂直或水平重复的情况下，才能在一个图像中使用多个重复背景。

还是真的是这样？同时使用css3和html5以及所有的东西，有没有一种方法可以将多个背景图像组合在一个css精灵中来制作一个背景图案，并使用垂直和水平重复？

编辑/注意:我知道这不是第一次有人问这样的问题了。但我找到的大多数/所有答案都是在一段时间之前。我只是想知道今天是否有解决方案。

编辑:为了说明我正在寻找的内容：http://ibin.co/21LqyJvnGdMB

Answer 1

是的，你可以使用css精灵来重复背景。

规则很简单:如果你想让背景垂直重复(从上到下)，把图像水平地(从左到右)放置在精灵中，并确保精灵中的单个图像具有相同的高度。对于相反的情况:当你想水平重复时，垂直精灵。

查看这篇文章可以更好地理解。http://www.phpied.com/background-repeat-and-css-sprites/