FWIW I use the displacement technique on this site: www.lenrawle.eu and there's 
no flicker.

Admittedly the menu's not generated as part of a list, but I don't believe it 
should matter.

(Please don't complain about the number of 'Under Construction' pages, it's the 
client's fault - wanted the site online, still hasn't given me the page 
content!)

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus


  ----- Original Message ----- 
  From: D A 
  To: css-d Discuss 
  Sent: Wednesday, April 02, 2008 7:25 AM
  Subject: [css-d] Image replacement nav flicker in IE6


  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