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

如果您的精靈水平排列在圖像中，您可以垂直重複精靈。