Preloading (CSS) rollover images
I have created the navigation on this page using the modified CSS list method (so the 'buttons' are always proportional, with the title centred above the image). All the rollovers etc work fine, except that now that it's on the webserver instead of the local machine there is a delay (while it load's the image 'hover' states image) the first time you mouse over each item.
Is there anyway I could 'preload' the CSS background images, in the same way you do when you use a regular rollover?
Internet Explorer will not cache background images
Several people have tried to change background-image with CSS without getting the 'flicker' that occurs in IE. It seems that IE is not able to cache background images.
There's been a few solutions tried to solve this. One is to move the background-image, so that another part is shown on hover. Another example of the same idea. But, evidentally, IE still needs to load the background image again, even if it's just to move it.
I've tried a similar approach, by having one image on the parent element, and one in the link. Then setting the hover background-image for the link to none, so that the parents element background will show through. But I met the same problem again with Internet Explorer, it will not cache background images ..
Originally Posted by quenting
I'd love to see this solved, big reps for anyone with a solution :)