1. 程式人生 > >【轉】鏈接偽類(:hover)CSS背景圖片有閃動BUG

【轉】鏈接偽類(:hover)CSS背景圖片有閃動BUG

ref 重新 常用 底部 例如 ecc html 鏈接 cache

來源:http://www.css88.com/archives/744

-------------------------------------------------------------------------------------------------

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]–>

或者

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

【轉】鏈接偽類(:hover)CSS背景圖片有閃動BUG