CSS Sprites - not only for background images?

css, sprite

Solution

You can use a standard `<img />` tag and put it in a container (like a `<div />`) with a limited height/width. Then use relative positioning or negative margins to control the position of the image.

Problem

Is it possible to use CSS sprites for "foreground" images -- i.e. images that users are supposed to click on and interact with and maybe even print? Instead of using the CSS `background-image` property. What would you use?

Original source