CSS sprite image + background-repeat a part of it

css sprite background-position background-repeat
Waseem picture Waseem · Apr 6, 2011 · Viewed 8.6k times · Source

Can I repeat a part of an image [which it's in a CSS sprite image] in the background ?!

like for example :

background-position : -13px top ; background-repeat : repeat-y ;

because I got the whole sprite image repeated ...

Answer

Gareth picture Gareth · Apr 6, 2011

If you place your images side by side in a really wide sprite you'll be able to use repeat-y. If you need to use repeat-x you can place the images in the sprite above each other.

Related questions

background-size with background-position doesn't scale the position?

I've a sprite of 62 images of 91 * 91px, which makes the whole thing 91 * 5642 px. They're displayed in sort of a dynamic grid that grows and shrinks depending on user/pointer movement. Sometimes an element (std 91 * 91 px) zooms in to make it 120 * 120 …

Read More
CSS3 - Fade between 'background-position' of a sprite image

I want to fade between 'background-position' of a sprite image only with CSS. I found a lot o tutorials but I didn't found something simple like this: <!doctype html> <html> <head> <meta charset="…

Read More
Can I add color to bootstrap icons only using CSS?

Twitter's bootstrap uses Icons by Glyphicons. They are "available in dark gray and white" by default: Is it possible to use some CSS trickery to change the colors of the icons? I was hoping for some other css3 brilliance that …

Read More