宝宝健康成长网首页刘易桉宝宝健康成长 林林微博 育儿护理知识 宝宝网址导航
当前位置: 首页 >> 网络学习 >> csshover.htc解决IE6 hover兼容问题

csshover.htc解决IE6 hover兼容问题

为了美观,很多网站主都喜欢用hover来定义一些元素,比如这一句:menu li: hover {background:#fff;}。但如果访客使用IE6浏览器,那么你的一切心思都是白费,因为他根本欣赏不到#fff的背景效果。这又是IE6的一个兼容问题,就是不能正确解读所有CSS元素的hover定义,除a:hover可以正确外,其余元素的hover定义一律不能解释。解决IE6的hover的兼容问题,就要用到csshover.htc了。

它利用javascript脚本来给元素的的样式定义,如果检测到hover定义,就给元素设置onmouseover和onmouseout事件,以此来实现hover的效果。

具体操作如下:

1、建立 csshover.htc文件,上传到空间。

直接复制以下内容即可

wordpress粘贴代码还是很麻烦,本站提供下载>>,是点击右键–另存为,很小4KB

2、在header里加入以下语句:
<style type=“text/css” media=“screen”>
body {behavior:url(‘http://XXX/csshover.htc‘);}
</style>

记得用具体地址替代红色区域

现在IE 7、IE 8 已经能正确解读所有CSS元素的hover定义了。但是 IE6 还是有很多人在用,所以 ,我们还是需要设置csshover.htc的。

发表评论

^留言没头像?教你设置头像!
我的应用 Follow@cnbabyup 宝宝问答>  0-1岁  1-3岁  3-6岁 手气不错