Background image

[Sarah Atkinson]

I have a gif to uses as a background image. I wish to have it repeat but with an overlap. the image is 120 px high and I would like it to repeate every 40 px. is this posible?

[monstordh]

what's keeping you from just cropping the gif to 40px?

[Sarah Atkinson]

it's transparent and I'd like them to over lap

[Setek]

no,

repeat-y

and

repeat-x

aren't so customisable - it will repeat as soon as the image finishes, to sit flush against it.

If you only need it repeated once, I'd put each background image in two

div

s, then overlay them absolutely (or just have it as one bigger image.)

If you need it repeated several times, I would rethink the flow of the image - change the image to repeat smoothly.