将css sprite用于图标风格的图像是最好的做法,现在非常简单。
传统上,只有在一个图像中使用多个重复背景才能使用垂直或水平重复。
或者是吗?与css3和html5以及所有东西同时,有没有办法在一个css精灵中组合多个背景图像来制作背景图案并使用垂直和水平重复?
编辑/注意:我知道这不是第一次提出这样的问题。但我发现的大多数/所有答案都是前一段时间。我只是想知道今天是否有解决方案。
编辑:说明我正在寻找的内容:http://ibin.co/21LqyJvnGdMB
答案 0 :(得分:0)
是的,您可以使用css sprites重复背景。
规则很简单:如果你想重复背景 垂直(从上到下),将图像放在精灵中 水平(从左到右)并确保单个图像 精灵有相同的高度。对于相反的情况:当你想要的时候 水平重复,垂直精灵。
查看本文以便更好地理解。 http://www.phpied.com/background-repeat-and-css-sprites/