Question

I am aware that using CSS sprites is the way to go when you use images for both states, but what about when you have text as the unhovered state & an image on hover?

There a few ways I can think of, but wondering which method is the best in peoples opinions?

I can think of doing it via JavaScript or loading it via a hidden CSS element.

Answer 1

Are you using CSS Sprites for other relevant images on your website?

If not, then you should do it.

Have your “other relevant images” and “menu images” in the same sprite image.

Even if it’s just for one other image, it will mean your :hover menu images are automatically preloaded.