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:
- 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:
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.