联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

如何让IE6支持hover - Web前端

作者:98wpeu发布时间:2026-05-11分类:网页前端技术浏览:2


导读:我们都知道,在A标签使用hover所有浏览器都支持的,但是假如是另外的标签用hover,IE6就没效果了,其实方法总是有的。已到暮年的ie6,但仍有大概5%左右的用户使用。  下...

我们都知道,在A标签使用hover所有浏览器都支持的,但是假如是另外的标签用hover,IE6就没效果了,其实方法总是有的。已到暮年的ie6,但仍有大概5%左右的用户使用。

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

         p:hover,p.hover { background:#eee; }   /* 就是要多写一个.hover而已 */

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

   <scripttype=”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>


网页前端技术排行
最近发表
网站分类
标签列表