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

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