美浩工作室是一个以90后团队为主的网站设计,制作,优化,维护为一体的网站建设工作室,为您量身定制适合企业自身的网站,欢迎咨询:15249241469

IE6不支持hover的解决方法

JavaScript mihoweb 1999℃ 1评论

很多时间,我们在制作网页的时候要兼容很多浏览器,当然ie是必须的呗,不过ie家族有一个异类,那就是ie6,虽然说xp即将告别我们,但是ie6在中国的使用量还是比较大的,所以在ie6下,网页也要兼容才行,像hover在ie6下就会失效的情况,解决这种情况的办法有吗?当然有,看下面:

未标题-1
第一种解决方案(推荐)
IE6以及更低版本的浏览器对“:hover”的支持不理想,对于类似的“p:hover”、“img:hover”、“#header:hover”…,今天给大家介绍一种新的方法,可以完美解决IE6不支持hover的情况,用法很简单,将下载后的“csshover.htc”文件,定义在body样式内。
body{behavior:url(“csshover.htc”);}
实例下载:W3Cfuns完美解决IE6不支持hover的方法

第二种解决方案

  1. <style type=”text/css”>   
  2. p:hover,p.hover { background:#eee; }   /* 就是要多写一个.hover而已 */  
  3. </style>  

 

下面这段代码要放到页面的底部在</body> 前:

  1. <script type=”text/javascript”>      
  2. //<!–  让所有标记支持hover      
  3. function $(){      
  4.       if(document.all){ // 判断是否IE浏览器      
  5.            var obj=document.all;      
  6.             for(var i=0;i<obj.length;i++){      
  7.                   obj.onmouseover=function(){      
  8.                         this.className=”hover”      
  9.                   } ;      
  10.                   obj.onmouseout=function(){      
  11.                         this.className=””      
  12.                   }      
  13.             }      
  14.       }      
  15. }      
  16. $();      
  17. //–>      
  18. </script>  

 

如果您喜欢这篇文章,欢迎分享订阅。

转载请注明:美浩工作室官方博客 » IE6不支持hover的解决方法

喜欢 (13)