Avoiding CSS Image Flicker issue in IE 6.0


There are two types of flickering when it comes to the background-image CSS attribute and its IE6 support.

  • The first is when the whole image flickers. This one can be solved by the aforementioned workarounds. Here is another nice article:

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

  • The other one is cursor flickering – when you hover an element with the mouse the cursors changes to hourglass and then goes back to normal immediately. Here is a link on that matter:

http://archivist.incutio.com/viewlist/css-discuss/55515

Some Solutions:

  • One solution which is very simple and effective for all flickers. All you need to do is add a meta info tag to the <head> of your page:

<meta http-equiv=”Page-Enter” content=”Alpha(opacity=100)”/>

  • Adjust your web-server’s cache content settings for the static images being referenced from the CSS file.  This unfortunately requires admin access on the machine with IIS 6 (although not with IIS7, which supports a delegated administration model that allows you to configure these rules in a web.config file within the app).
  • Use ASP.NET to define a handler that dynamically renders images with the appropriate cache content settings set.  This does not require any special configuration on your web-server, and can be done by simply copying a .ashx handler file into your app.

Hope this solves your issue.

Feel free to leave a reply here...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s