在同一个精灵中水平和垂直重复图像 - 不可能吗?

时间:2011-08-24 20:58:18

标签: css css-sprites sprite

我在手工创建高级CSS精灵方面经验丰富,但我现在发现自己想知道是否可能有一个垂直重复背景的图像以及水平重复(不同)背景的第二个图像,包含在同一个精灵中?

如果两个图像必须真正重复,这似乎在逻辑上是不可能的,我的意思是考虑它,你不能为重复指定一个裁剪区域,所以他们每个都会将图像扩展到垂直图形在水平方向上出现的位置背景,反之亦然。

但我只是想确保我不会错过任何我不知道的技巧 - 感谢任何建议或示例来探索。

如果您不确定我所描述的内容,请在纸张上画一条水平线,然后在纸张的其他位置画一条高垂直线。现在想象一个图像在水平方向上重复,而另一个图像在垂直方向上重复。现在尝试想象一个可以同时保存图像和每个人都会使用的css规则的精灵。基于我所学到的东西是不可能的,但也许有一个我不知道的技巧。

1 个答案:

答案 0 :(得分:1)

简短回答:不可能。 :)

我总是在你的案件中做什么:

使用两个:

  1. for vertical repeats
  2. 用于水平重复