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

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

 

這個問題在開發中經常遇到，在此作個記錄，以備不時之需。

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

例如：

CSS代碼

a:hover{background:url(imagepath)}  

常用的解決方案：

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

XML/HTML代碼

<!–[if IE 6]>  

<script type="text/javascript">  

document.execCommand(”BackgroundImageCache”, false, true);   

</script>  

<![endif]–>  

 或者 

XML/HTML代碼：

<!–[if IE 6]>  

<script type=text/javascript>        

try {        

document.execCommand("BackgroundImageCache", false, true);        

} 

catch(err) {}        

</script>  

<![endif]–>