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

Dave Stevens itsallaboutashlee at yahoo.co.uk
Wed Nov 30 19:11:15 CST 2005

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 

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; } "


(note the link to example 2 at the bottom of the page)


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

More information about the thelist mailing list