CSS Sprite problème de répétition verticale

Question

J'essaie d'inclure des sprites css dans ma webapp. La chose est que j'ai arrangé mon fond de site Web verticalement dans l'image de sprite. Maintenant, une partie de l'image-objet doit être répétée verticalement.

Je tentais le code suivant ...

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

Je suis confus dans la propriété de hauteur de classe de contenu. Comment dois-je définir la hauteur de la section que je veux répéter et la hauteur de la div (#content)?

Cordialement Vikram

Answer 1

Vous ne pouvez pas répéter une partie d'une image en arrière-plan. La définition de la hauteur modifie uniquement la hauteur de l'élément #content. Les images sont toujours répétées complètement.

Answer 2

Vous pouvez répéter le sprite verticalement si vos sprites sont disposés horizontalement dans l'image.