CODEWITHSUNDEEP
css
Sir
Sir

Reputation: 8277

Background Image portion with repeat-x

I have an image which is 99pixels wide and 100pixels height.

The image contains 3 vertical lines of colours Red, Orange, Green each being 33px by 100px in that image.

What I want to work out though is how to set the div background image to select lets say just orange and then repeat the image as the background.

So i did:

background-position: 66px 0px

The problem is the Green colour is still showing i only want it to show orange and repeat just that portion. Is that possible in CSS?

Upvotes: 0

Views: 88

Answers (1)

Madbreaks
Madbreaks

Reputation: 19549

The answer is no, not x-browser, unless you're attempting to repeat the background vertically for a div/box that is just 33px wide. If you really just want a colored background, just do e.g. {background-color:orange;}.

Upvotes: 2

Related Questions