On 10/30/07, James Leslie <[EMAIL PROTECTED]> wrote: > Hi, > > I know this is quite a well documented problem but I was wondering if > anyone has any great, new solutions. > > 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.
-- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz ______________________________________________________________________ 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/
