CSS Sprite垂直重复问题

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

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

Answer 2

您无法在背景中重复部分图像。设置高度只会更改#content元素的高度。图像总是完全重复。