用Sprite重复背景图像

Question

我已经了解了这些主题，但是我不知道如何找到答案。

问题是（对于身体）：

background: url('image1.png') top left repeat-x, 
        url('image2.png') bottom left repeat-x, 
        #eeeeee; 

这有效。

如何设置精灵中的这些图像？因为我可以将图像形式的精灵获取为：

  background-position: -211px -0px; width: 8px; height: 110px;

但是我需要从Sprite获取image1.png或image2.png，并且我还需要在x上重复这些图像。类似于：

background: url('image1.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
        url('image2.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
        #eeeeee; 

我以这种方式知道是不可能的。

你能帮我吗？

提前感谢

Answer 1

这不正确：

background: url('image1.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
    url('image2.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
    #eeeeee;

相反，您应该这样写：
background: url('image1.png') repeat-x -211px -0px / 8px 110px, 
    url('image2.png') repeat-x -211px -0px / 8px 110px;
background-color:  #eeeeee;

但是您将需要2张单独的图像，您将无法使用sprite。