【问题标题】:Horizontally and vertically repeating images in the same sprite - impossible?在同一个精灵中水平和垂直重复图像 - 不可能吗?
【发布时间】:2011-11-03 04:11:51
【问题描述】:

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

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

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

如果您不确定我在描述什么,请在纸上画一条水平线,然后在纸上的其他地方画一条高垂直线。现在想象一个图像在水平方向上重复,而另一个图像在垂直方向上重复。现在尝试想象一个精灵可以同时保存图像和每个将使用的 css 规则。根据我所学到的,这是不可能的,但也许有一个我不知道的技巧。

【问题讨论】:

    标签: css css-sprites sprite


    【解决方案1】:

    简短的回答:不可能。 :)

    在你的情况下我总是做什么:

    使用两个:

    1. 垂直重复
    2. 用于水平重复

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-07-25
      • 2012-05-17
      • 2013-04-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多