CSS sprites and IE6

Question

Does IE6 support css-sprites?

Answer 1

Yes IE 6 supports sprites but doesn't support 24 bit PNG transparency.

I use this css hack for giving IE < 7 a gif file and everything else a 24 bit png with transparency.

background-image:url(/images/sprites/icons-sprite.png);
_background-image:url(/images/sprites/icons-sprite.gif); /* IE<7 gets the crappy icons */

Answer 2

You can also use Glue http://gluecss.com/ It's an open-source command line tool to generate sprites.

Answer 3

CSS sprites is a general solution using backround-position, which is avaible even in IE5.

A good tutorial about them is located here: http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/