【问题标题】:Is it possible to use repeating background images in sprites? [duplicate]是否可以在精灵中使用重复的背景图像? [复制]
【发布时间】:2011-12-26 09:35:40
【问题描述】:

可能重复:
CSS Sprites and repeating backgrounds

是否有任何技巧可以将精灵图像用作可重复的背景?

【问题讨论】:

标签: css css-sprites


【解决方案1】:

不,不是真的。甚至 CSS3 都没有提供正确执行此操作的方法(重复问题中显示了专有的 image-rect 属性,但并非所有浏览器都支持)。

【讨论】:

  • 可以,但有限制。
【解决方案2】:

可以,但有一些限制,这取决于图像的重复方式。根据重复方向,您将如何处理:

重复:不要认为这是可能的。

repeat-X:您可以将这些垂直堆叠在您的精灵表中。每个“行”只能有一个图像。所有图片的宽度必须相同。

repeat-y:您将水平排列 iages,并且每个“列”只有一个图像。所有图片的高度必须相同。

您也仅限于为每个重复/不重复方法使用单独的精灵表。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-12-07
    • 2011-07-30
    • 2021-09-22
    • 1970-01-01
    • 2019-12-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多