您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 移动前端 >> 浏览设计教程

IE6不支持hover的解决方法

已到暮年的ie6,但仍有大概5%左右的用户使用,那就不得不考虑ie6的各种蛋疼的缺陷,许多特效都不支持。当我们遇到不支持hover的时候,也是让人揪心。呵呵。

下面分享一下完美解决方法代码如下

 <style type=”text/css”>  

      p:hover,p.hover { background:#eee; }   /* 就是要多写一个.hover而已 */
</style>
 
下面这段代码要放到页面的底部在</body> 前:
<script type=”text/javascript”>   
//<!–  让所有标记支持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]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/wd2038.html
网页前端10条易用性技巧
返回上一页代码的几种写法
图趣网微信
建议反馈
×