連結偽類（: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]–>