Previous Message
Next Message

CSS rollover flicker

Sent by Ryan Carver on 6 September 2003 00:12


It seems to only happen if caching is set to "check every time". I 
tried to narrow it down and find a situation that eliminated the 
flicker but was unsuccessful.

what I've found is that flickering occurs if anything happens on :hover 
OR if you have "background-repeat: no-repeat;" along with the 
background-image definition.

If you can disable :hover for ie6, you could use this hack to hide the 
rollover effect from ie6. You'll also need to make sure that no other 
:hover actions are inherited. If you need background-repeat: no-repeat, 
use the same hack there.

a:hover {
	background-position /**/: x y;
}

I've tried all this with no-preload rollovers and with conventional 
image-swap rollovers and both act the same in ie6.

  - Ryan

+ --------------------------- +
+ http://www.fivesevensix.com +
+ http://www.onetruefit.com   +
+ --------------------------- +

On Friday, September 5, 2003, at 11:27  AM, Justin Peters wrote:

>
> I've been starting to use css rollovers recently and been having 
> trouble with flickering images.  I've been using the technique listed 
> here: http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers
>
> This is supposed to eliminate the flickering and does indeed work in 
> IE 5.5.  But rollover images still flicker in IE 6 and on a slow modem 
> connection can completely disappear.  Does anyone have any experience 
> with this?
>
>
> Thanks,
> Justin
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: