位置：石家庄中公优就业IT培训 > 学校动态 > IE6不支持hover属性的解决方法

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

来源：石家庄中公优就业IT培训时间：2022/3/11 17:48:09

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

领取试听课

每天限量名额，先到先得

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/2375/news/497382/违者必究！以上就是石家庄中公优就业IT培训小编为您整理 IE6不支持hover属性的解决方法的全部内容。