I'm using an image replacement technique to create image based
rollovers. The image is using the 'sliding door' technique to move the
image over on hover creating the rollover effect.

The HTML being:

<li><a><span></span>link</a></li>

The span is positioned ABSOLUTE and gets the background image.

In IE6, I'm getting the flicker where the image disappears for a
second, revealing the text, and then comes back positioned for the
rollover.

The client doesn't like this. I don't blame them. ;o)

I did some googling and came across this post:

http://www.fivesevensix.com/studies/ie6flicker/

One option is to apply the background image to both the LI and the
span. The catch is that i my case, I'm not actually positioning the
text off-screen (I'd like to keep it there for accessibility reasons)
so you still see the flicker of the text link appearing.

The other option is htaccess files which is out of my hands in this
particular project.

Given that that article is in 2004, are there any other known 'fixes'
for this issue? Or do I have to scrap the sliding door hover/image
replacement technique for this one?

-Darrel
______________________________________________________________________
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/

Reply via email to