重新审视css背景模式精灵

时间:2015-05-11 10:16:10

标签: html css sprite

将css sprite用于图标风格的图像是最好的做法,现在非常简单。

传统上,只有在一个图像中使用多个重复背景才能使用垂直或水平重复。

或者是吗?与css3和html5以及所有东西同时,有没有办法在一个css精灵中组合多个背景图像来制作背景图案并使用垂直和水平重复?

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

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

1 个答案:

答案 0 :(得分:0)

是的,您可以使用css sprites重复背景。

  

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

查看本文以便更好地理解。 http://www.phpied.com/background-repeat-and-css-sprites/