[thelist] CSS - sliding doors method and image flicker problem in IE

[Dave Stevens]

Tom Dell'Aringa wrote:

>Hi there,
>
>I'm using a sliding doors method for some rollovers. Works in all browsers, but IE has an awful
>time with the rollover, I get a the flash of the background color, then the image load every
>single time. Looks like garbage.
>  
>
Hi Tom,

I've experienced the same problem, I recently found an article[1] with a 
technique whereby the link is placed inside another element such as a 
span or div, with that element having the "hover" image as it's 
background. Then the link itself has the non-active image as it's 
background, and the a:hover has background: transparent; so there's no 
flicker. I've yet to get round to trying it myself but the theory seems 
sound.

Also, while googling to find the article I mention here, I found this on 
a forum[2]:
"A better way to prevent flickering in IE is:

a { background: transparent url(img_hover.gif) no-repeat top left; }
a:link, a:visited { background: transparent url(img_default.gif) 
no-repeat top left; }
a:hover { background: transparent url(/img_hover.gif) no-repeat top 
left; } "

Cheers
Dave

[1]
http://www.wellstyled.com/css-nopreload-rollovers.html
(note the link to example 2 at the bottom of the page)

[2]
http://www.csscreator.com/css-forum/ftopic14244.html


		
___________________________________________________________ 
Yahoo! Model Search 2005 - Find the next catwalk superstars - http://uk.news.yahoo.com/hot/model-search/