IE6不支持hover属性的处理方法

发布时间：2023-07-17 13:21:53 所属栏目：教程来源：

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

要想让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属性了，而是使用的方式改变了，因此，有必要研究一下不同浏览器对统一样式属性的实现方法，从而使自己的网页能够在任何类型的浏览器中都有较好的表现。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!