When working with -moz-image-rect and the background, I can use one image to change them:
kings{ background: -moz-image-rect(url('ring.jpg'), 3, 30, 30, 3) repeat-y; } lords{ background:-moz-image-rect(url('ring.jpg'), 7, 70, 70, 7) repeat-x; } men{ background:-moz-image-rect(url('ring.jpg'), 9, 99, 90, 9) no-repeat; }
So this ring.jpg attached to all div backgrounds.
This works very well in Firefox, but such a feature does not exist for web browsers. Is there a cross browser option? Or at least something that works on webkit?
I am trying to limit the displayed area of ββthe image while maintaining the background.
source share