TL on PL

Personal blog of Tom Lee, DC-based web designer/developer. Topics include Flash, CSS, JavaScript, HTML and other presentation layer technologies.

Monday, April 24, 2006

IE bug: background-image and :hover kills page load status

This bug relates to anchor tags with a background-image defined on the hover pseudo-class, as follows:

a:hover{
background-image:url("yourimage.gif");
}


When the user clicks this link and then moves their mouse off of the link, Internet Explorer's page load status indicators (the wavy Windows animation in the upper right corner of the browser, as well as the status-bar at the bottom of the browser) will revert to their default states, seemingly indicating that nothing is loading. However, the requested page actually IS loading, and will appear when the process is complete.

This is most noticeable when submitting a form, or with high-latency network conditions.

There is a workaround, although it is imperfect:

a:active{
background-image:none;
}

This works well, although if the user clicks anywhere on the screen, the link will revert to its default state, and the load status indicators will go to their default states as well, showing no page load activity.

See
http://www.nabu-beraterteam.de/dev/ie6-bg-img-link/ for more information. This bug may be related to the IE background-image caching flicker bug, although applying the IIS fixes did not resolve the problem for me.

posted by tom at 10:52 AM

Was this post helpful to you? If so, please consider making a small donation to keep this blog going.

1 Comments:

Anonymous Anonymous said...

This comment has been removed by the author.

12:29 AM  

Post a Comment

<< Home

About Me

Name: tom
Location: Washington, D.C., United States

View my complete profile

Previous Posts

  • Flash Minutia: getURL("javascript:function();") fa...
  • More IE Fieldset Wackiness
  • Fieldset Border Bug in IE
  • Flash Quirk: ExternalInterface IE "Expected ;" Bug
  • Open Source CSS Helper Library - What features wou...
  • Windows XP Service Pack 1 with Apple Bootcamp - DO...
  • Installing Windows on My New Mac Mini
  • Windows on a Mac, or The Final Nail in the Wintel ...
  • Comma operator in ECMA script
  • IE CSS Expressions - Javascript Disabled

Powered by Blogger