CSS雪碧垂直重复问题

Question

我试图在我的webapp中包含css sprites。事情是我在精灵图像中垂直排列了我的网站背景。现在，精灵的一部分需要垂直重复。

我尝试下面的代码...

#page-wrapper { 
    margin: 0px auto; 
    background-image: url(../images/background.png); 
    height: 100%; 
    width: 1000px; 
} 

#page-wrapper #content { 
    background-position: 0px -80px; 
    background-repeat: repeat-y; 
    height: 1px; 
} 

我在内容类的height属性混淆。我应该如何定义我想重复的部分的高度和div的高度（#content）？

问候 维克拉姆

Answer 1

您不能重复在背景图像的一部分。设置高度仅更改#content元素的高度。图像总是重复完整。

Answer 2

如果您的精灵水平排列在图像中，您可以垂直重复精灵。