鏈接偽類（:hover）CSS背景圖片有閃動(dòng)BUG的解決方法
發(fā)布時(shí)間：2011-04-28 16:42:34 作者：佚名 
我要評(píng)論
我要評(píng)論IE6下鏈接偽類（:hover）CSS背景圖片有閃動(dòng)BUG，主要原因ie會(huì)再一次請求這張圖片，或者說圖片沒被緩存。
例如：
CSS代碼
a:hover{background:url(imagepath)} 常用的解決方案：
在頁面底部添加以下IE6專用代碼，讓IE6緩存CSS背景圖片至本地，這樣a:hover時(shí)IE6就不會(huì)再重新向服務(wù)器請求加載背景圖片了。
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]–>
CSS代碼
a:hover{background:url(imagepath)} 常用的解決方案：
在頁面底部添加以下IE6專用代碼，讓IE6緩存CSS背景圖片至本地，這樣a:hover時(shí)IE6就不會(huì)再重新向服務(wù)器請求加載背景圖片了。
XML/HTML代碼
復(fù)制代碼
代碼如下:<!–[if IE 6]>
<script type="text/javascript">
document.execCommand("BackgroundImageCache", false, true);
</script>
<![endif]–>
或者
XML/HTML代碼
復(fù)制代碼
代碼如下:<!–[if IE 6]>
<script type=text/javascript>
try {
document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
</script>
<![endif]–>
相關(guān)文章
a標(biāo)簽的四個(gè)css偽類(link、visited、hover、active)樣式理解
偽類是CSS 用于向某些選擇器添加特殊的效果，chrome和firefox中的css監(jiān)控并不會(huì)顯示所有的樣式，有些顯示會(huì)有點(diǎn)不全，IE下還是有點(diǎn)問題的，不過大體不變2013-05-30csshover.htc在IE7下使用:active偽類無效解決方法
相信做前端開發(fā)都知道，IE6、IE7都不支持:active偽類，IE6更甚，連:hover偽類都不支持。為了解決這個(gè)問題，一般都會(huì)引入一個(gè)csshover.htc文件來解決,本文將介紹解決此問題2012-12-24- 在處理css的機(jī)制上，IE總是有很多讓人吐血的舉動(dòng)，但對于他們現(xiàn)在的改進(jìn)力度還是值得高興的。2009-12-08
CSS3實(shí)現(xiàn)偽類hover離開時(shí)平滑過渡效果示例
本篇文章主要介紹了CSS3實(shí)現(xiàn)偽類hover離開時(shí)平滑過渡效果示例，具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-10