css - 用 Sprite 重复背景图像

Question

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

问题是(对于正文):

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

这有效。

如何在 Sprite 中设置这些图像？因为我可以获得图像形式的 Sprite :

  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 来完成。