Comments on: CSS Background Image Sprites

By: IT Training

IT Training — Tue, 14 Aug 2012 05:17:21 +0000

CSS sprites cannot used if you have repeated background image.

By: Mike

Mike — Fri, 06 Apr 2012 16:38:32 +0000

Hi,

I was wondering if you've come across a way to use a sprite as a background image but set it without using px. I have a scalable section on my fitness website that I would like to use a background sprite for but can't seem to get it to stick to the bottom of the div. My old method used % for positioning which worked perfectly (using a stand alone image). I would prefer to not to do this again but will if I have to. Just wondering if you've done anything previously that addresses my issue. Thanks.

By: Goodbye Quotes

Goodbye Quotes — Thu, 02 Feb 2012 09:35:43 +0000

Hello,
How to use full page background image and CSS sprite together? In all the examples I have seen, one needs to specify div width manually.

thanks
JP

By: KB

KB — Thu, 01 Sep 2011 14:55:31 +0000

It was good and I got to know few good things.
I have also created a CSS sprite for my site Here, you can see an image on top left..here I have used this CSS sprite as painting.

One can move cursor over this image and it will turn into colored picture.

By: dalmatian

dalmatian — Fri, 21 Jan 2011 15:11:21 +0000

Hi I cant get my sprite to work, I dont know what to do? Can you help me please? This is a part of my css. The icons wont show and the url is correct and so is the name of the png that contains a total of 11 png icons.

li { list-style-type:none; width:16px; height:16px; }
li a { background-image:url('pictures/style/sprite-icons.png');  width:16px; height:16px; }
li a .sprite-skype{ background-position:-330px 0px; width:16px; height:16px; }
li a .sprite-tag{ background-position:-396px 0px; width:16px; height:16px; }
li a .sprite-twit{ background-position:-462px 0px; width:16px; height:16px; }

This is my list of href's.

I dont know what the problem is? I cant get the icons to show for the right href?

By: nomad

nomad — Mon, 31 May 2010 19:49:10 +0000

I tried to install spritegen on my server but it doesn't work, anyone know what the config details should be ?

By: Jorgen

Jorgen — Mon, 19 Apr 2010 15:22:29 +0000

Image sprites are a good way of optimizing your page. You can find a tutorial on my site as well.

By: Masque de catch

Masque de catch — Tue, 02 Mar 2010 19:01:27 +0000

CSS sprite is very useful. It allows to reduce the number of HTTP Request on my website ! Thanks for explanations !

By: Matthew James Taylor

Matthew James Taylor — Tue, 09 Oct 2007 06:32:03 +0000

Sprites are great except Earlier versions of Internet Explorer don't render the background-position property correctly. The only way to solve this problem is to have a separate stylesheet for older IE versions and specify individual images. I hate Microsoft.