IE6不支持hover属性的解决方法

使用CSS提供的鼠标hover属性可以实现比较更加炫的效果，但是在IE6中不支持hover，使很多设计美丽的效果失去作用，本文就给出一个具体的解决方法。

要想让IE6也比较完美的支持hover属性，可以使用下面的方法来实现：

<style type="text/css">
  p:hover,p.hover { background:#eee; } /*在这里使用.hover来轻松解决这个问题*/
</style>

如果想让你的网页都支持上面的样式，可以在</body>标签前面添加如下的javascript脚本即可：

<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(){ //为每个对象的onMouseOver事件添加此样式
       this.className="hover"
     } ;
     obj[i].onmouseout=function(){ //当鼠标滑出该对象时，运用默认的样式
       this.className=""
     };
   }
 }
}
$(); //调用方式
//–>
</script>

从上面解决问题的方法来看，不是IE6不支持hover属性了，而是使用的方式改变了，因此，有必要研究一下不同浏览器对统一样式属性的实现方法，从而使自己的网页能够在任何类型的浏览器中都有较好的表现。