CSS Sprites: everything you knew, but were afraid to ask

Nowadays there is a lot written and mentioned about the CSS sprites technique (aka CSS Image Maps). I will not discover America and talk about it meticulously again, but just want to give a few examples and useful links. And a couple of tips from your own practice.

The technique itself consists in the fact that we create a combined image, from which we then “cut out” with the background-position properties the piece we need in this case. At the current level of browser support (I believe that 99.9% ) it is simply a must-have for any self-respecting Internet resource (for it reduces the number of requests to the server, separates behavior from presentation, assigns animation work to the CSS engine). browser, and not on the JS-engine, that is, it will work even with scripts turned off, and many, many other "goodies"). But first things first. Go.

read further on webo.in →