您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 移動前端 >> 瀏覽設(shè)計教程

IE6不支持hover的解決方法

已到暮年的ie6,但仍有大概5%左右的用戶使用,那就不得不考慮ie6的各種蛋疼的缺陷,許多特效都不支持。當(dāng)我們遇到不支持hover的時候,也是讓人揪心。呵呵。

下面分享一下完美解決方法代碼如下

 <style type=”text/css”>  

      p:hover,p.hover { background:#eee; }   /* 就是要多寫一個.hover而已 */
</style>
 
下面這段代碼要放到頁面的底部在</body> 前:
<script type=”text/javascript”>   
//<!–  讓所有標(biāo)記支持hover   
function $(){   
      if(document.all){ // 判斷是否IE瀏覽器   
           var obj=document.all;   
            for(var i=0;i<obj.length;i++){   
                  obj[i].onmouseover=function(){   
                        this.className=”hover”   
                  } ;   
                  obj[i].onmouseout=function(){   
                        this.className=”"   
                  }   
            }   
      }   
}   
 
$();   
//–>   
</script>
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/wd2038.html
網(wǎng)頁前端10條易用性技巧
返回上一頁代碼的幾種寫法
圖趣網(wǎng)微信
建議反饋
×