Проблема с вертикальным повторением CSS Sprite

Question

Я пытаюсь включить css спрайты в свой webapp. Дело в том, что я разместил свой веб-сайт по вертикали в изображении спрайта. Теперь одну часть спрайта нужно повторить вертикально.

Я пытался следующий код ...

#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

Вы не можете повторить часть изображения в фоновом режиме. Установка высоты только изменяет высоту элемента #content. Изображения всегда повторяются полностью.

Answer 2

Вы можете повторить спрайт по вертикали, если ваши спрайты расположены горизонтально на изображении.