> It is the problem of IE6 reloading background images in links every > time they are hovered on. > > I am using a sliding doors style technique for a few tabs as shown at > http://jamestesting.metafaq.com/clients/jamestesting/debug.html (CSS > in > head) whenever they are hovered over in IE6 the image is reloaded > causing a flicker. > > I can't really do anything to the server to try to fix this (even > though there seems to be a Dean Edwards solution via that means) and > would really like it to be a CSS fix. > > At the moment the only thing I can think of is to try to position > another image directly behind it so that the under-image is shown when
> the top one disappears but this will add superfluous code I would > prefer to avoid. > My solution is to use the approach that has been christened "Css sprites" - you create one background image which contains both the hovered and unhovered states (whether they are arranged vertically or side by side depents on the context) and alter the background-position upon hover. I usually find that there is a nett saving in total bandwidth as well as requiring one fewer requests. -- Hi Richard, It is a slightly different problem to the 2 images for hover/normal states vs CSS sprites. Unfortunately IE6 decides to reload an image each time it is hovered over leading to a flicker effect at best, and for larger images a loss of image for a short while. It also increases band width as the image is reloaded. This happens if users have "Reload every visit to page" set in the browser. There is a detailed article on it at: http://www.fivesevensix.com/studies/ie6flicker/ James ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
