IE6下連結偽類（:hover）CSS背景圖片有閃動BUG

IE6下連結偽類（:hover）CSS背景圖片有閃動BUG，主要原因ie會再一次請求這張圖片，或者說圖片沒被緩衝。

例如：

CSS代碼

1. a:hover{background:url(imagepath)}  

常用的解決方案：

在頁面底部添加以下IE6專用代碼，讓IE6緩衝CSS背景圖片至本地，這樣a:hover時IE6就不會再重新向伺服器請求載入背景圖片了。

XML/HTML代碼

1. <!–[if IE 6]>  
2. <script type=”text/javascript”>  
3. document.execCommand(”BackgroundImageCache”, false, true);   
4. </script>  
5. <![endif]–>  
6.   

 

或者

XML/HTML代碼

1.   
2. <!–[if IE 6]>  
3. <script type=text/javascript>        
4. try {        
5. document.execCommand(“BackgroundImageCache”, false, true);        
6. } catch(err) {}        
7. </script>  
8. <![endif]–>