Symptoms
Images flicker on hover
Solution
In most cases, the reason for the flicker is that when the browser cache is disabled (checks for new versions every visit to the page), the browser requests the background image every time, rather than only once (on page load). The request to the server and the response take some time, hence the flicker effect. If you use a skin that has no images inside (CSS only), you will see that this effect disappears.
Note that this is a browser related problem (under Mozilla everything is ok) as it does not cache the images, i.e. it reloads them every time. Unfortunately, we cannot force it to cache the images.
However, the following blog posts suggest workarounds:
http://weblogs.asp.net/scottgu/archive/2006/05/29/Eliminating-CSS-Image-Flicker-with-IE6.aspx
http://www.aspnetresources.com/blog/cache_control_extensions.aspx
For a client-side solution you can also try this. Just put the following JavaScript code in the HEAD tag of your page:
| |
 Copy Code |
|
<head>
....
<script type="text/javascript">
try {
document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
</script>
</head> |
 |
In addition, please note that the internal VS2005 development server (Cassini) does not use cache and if you run your application through it you will always have the flicker on your pages. |