css - 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;
}

我对内容类的高度属性感到困惑。我应该如何定义要重复的部分的高度和 div(#content) 的高度？

问候维克拉姆

Answer 1

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

Answer 2

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