如何使用背景位置和CSS精灵重复图像的一部分?

如何使用背景位置和CSS精灵重复图像的一部分?,css,background-image,sprite,background-position,Css,Background Image,Sprite,Background Position,我想创建一些按钮与动态宽度使用CSS精灵和背景位置,但我不知道我想要的是可能的 我想按钮有一个左边,中间,和右边,中间重复的要求。理想情况下,我希望这是由一个11px宽的图像组成,这样左右两侧都是5px宽,中间是1px重复。是否有某种方法可以在CSS中定义使用图像的一个中心像素,并在需要(未知)宽度时重复 通常我会使用两幅图像来获得相似的效果——一幅用于侧面,另一幅用于中间,宽度为1px,但如果有某种方法将它们组合成一幅图像,我更愿意使用它。简而言之,这是不可能的(或者至少在99%的时间里不值得

我想创建一些按钮与动态宽度使用CSS精灵和背景位置,但我不知道我想要的是可能的

我想按钮有一个左边,中间,和右边,中间重复的要求。理想情况下,我希望这是由一个11px宽的图像组成,这样左右两侧都是5px宽,中间是1px重复。是否有某种方法可以在CSS中定义使用图像的一个中心像素,并在需要(未知)宽度时重复


通常我会使用两幅图像来获得相似的效果——一幅用于侧面,另一幅用于中间,宽度为1px,但如果有某种方法将它们组合成一幅图像,我更愿意使用它。

简而言之,这是不可能的(或者至少在99%的时间里不值得),没有不同的尺寸

在大多数情况下,精灵贴图对于背景的重复部分并不理想,尽管它对于非重复部分非常适合

根据你所追求的,似乎很适合你想要的