文档章节

发现一个jquery的hover在ie6、7下的bug

715paris
 715paris
发布于 2015/03/26 10:51
字数 1204
阅读 35
收藏 0

对于现在还用ie的年轻人,我实在是不想再吐槽了。然而现在公司里还特么有用ie7、ie8的80后、90后。别提有多想过去砸他电脑-_-!

   其实导致我现在芥末"不满"的是..还要我兼容ie6


   万恶的IE...我跟你什么仇什么怨!我的项链两千多啊!一百块钱都不给我!


   因为老早就听过在IE7+及FF浏览器中,:hover伪类可以用于任何对象,但在IE5、IE6中,:hover伪类仅能用于a(超链接)对象,且该a对象必须要拥有href属性。所以这次为了要在ie6上也能正常显示hover效果,二话不说用jQuery的hover来实现。那么问题来了...

   只有当鼠标移到字上面才会有效果,移动到li的空白处无法识别,并且当li的内容为空时,hover将无法对此li有任何作用。或者对于div,hover也不是每次起作用的。


比如说:

html代码部分

CSS部分


问题原因:

当li或者div的background为none时候,hover就会不灵敏甚至不起作用。


问题解决:

给li或者div设置一个background背景色,hover就可以正常响应而不再出现不灵敏现象了。(这里就不贴代码了,就加一行背景颜色而已)解决方法很简单!但问题不是一般的坑!

对于现在还用ie的年轻人,我实在是不想再吐槽了。然而现在公司里还特么有用ie7、ie8的80后、90后。别提有多想过去砸他电脑-_-!

   其实导致我现在芥末"不满"的是..还要我兼容ie6


   万恶的IE...我跟你什么仇什么怨!我的项链两千多啊!一百块钱都不给我!


   因为老早就听过在IE7+及FF浏览器中,:hover伪类可以用于任何对象,但在IE5、IE6中,:hover伪类仅能用于a(超链接)对象,且该a对象必须要拥有href属性。所以这次为了要在ie6上也能正常显示hover效果,二话不说用jQuery的hover来实现。那么问题来了...

   只有当鼠标移到字上面才会有效果,移动到li的空白处无法识别,并且当li的内容为空时,hover将无法对此li有任何作用。或者对于div,hover也不是每次起作用的。


比如说:

html代码部分

CSS部分


问题原因:

当li或者div的background为none时候,hover就会不灵敏甚至不起作用。


问题解决:

给li或者div设置一个background背景色,hover就可以正常响应而不再出现不灵敏现象了。(这里就不贴代码了,就加一行背景颜色而已)解决方法很简单!但问题不是一般的坑!

对于现在还用ie的年轻人,我实在是不想再吐槽了。然而现在公司里还特么有用ie7、ie8的80后、90后。别提有多想过去砸他电脑-_-!

   其实导致我现在芥末"不满"的是..还要我兼容ie6


   万恶的IE...我跟你什么仇什么怨!我的项链两千多啊!一百块钱都不给我!


   因为老早就听过在IE7+及FF浏览器中,:hover伪类可以用于任何对象,但在IE5、IE6中,:hover伪类仅能用于a(超链接)对象,且该a对象必须要拥有href属性。所以这次为了要在ie6上也能正常显示hover效果,二话不说用jQuery的hover来实现。那么问题来了...

   只有当鼠标移到字上面才会有效果,移动到li的空白处无法识别,并且当li的内容为空时,hover将无法对此li有任何作用。或者对于div,hover也不是每次起作用的。


比如说:

html代码部分

CSS部分


问题原因:

当li或者div的background为none时候,hover就会不灵敏甚至不起作用。


问题解决:

给li或者div设置一个background背景色,hover就可以正常响应而不再出现不灵敏现象了。(这里就不贴代码了,就加一行背景颜色而已)解决方法很简单!但问题不是一般的坑!

仅供新手参考望牛牛们憋喷。——715PariS

© 著作权归作者所有

共有 人打赏支持
715paris
粉丝 1
博文 6
码字总数 1820
作品 0
东莞
私信 提问
jQuery 1.7.2 RC1 发布

jQuery 发布了 1.7.2 的首个 RC 版本,下载地址:http://code.jquery.com/jquery-1.7.2rc1.js 目前 jQuery 内部测试发现该版本跟当前 jQuery UI 以及 jQuery Mobile 1.1 RC1 有一个兼容性问题...

红薯
2012/03/10
1K
4
使用 CSS3 制作具有圆角效果的表格

本文将介绍如何通过 CSS3 实现具有圆角效果的表格,无需修改表格的HTML定义。同时还将引入 jQuery 实现对表格的行进行鼠标高亮显示。 因为使用 CSS3 ,因此对 IE8 以及更老的版本无法支持圆角...

小编辑
2012/01/25
4.7K
2
关于ie6,ie7中修改img的src属性的一点心得

今天本来是要写一个slide的。结果发现了如下的bug...网上找资料都没有说这样的bug,也不知道怎么修复 本来我是要写一个slide的,然后写完了,在ie6下测试的时候发现了一个bug 当我通过jquer...

Noin
2013/04/28
0
0
jQuery 1.7.2 Beta 1 发布

下载地址:http://code.jquery.com/jquery-1.7.2b1.js 改进记录: Ajax #10978: jQuery.param() should allow non-native constructed objects as property values Attributes #5571: Allow......

红薯
2012/02/01
1K
6
jQuery 1.8 Beta 2 发布

jQuery 发布 1.8 的第二个 Beta 版本,下载地址:http://code.jquery.com/jquery-1.8b2.js jQuery 开发团队请大家帮忙使用各种浏览器对该版本进行测试。 详细的改进记录包括: Ajax #4624: ...

oschina
2012/07/13
2.9K
8

没有更多内容

加载失败,请刷新页面

加载更多

CentOS5.11配置Let's Encrypt免费证书

安装环境: [root@WQ02 opt]# lsb_release -aLSB Version::core-4.0-amd64:core-4.0-ia32:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-ia32:graphics-4.0-noarch:printing-4.0-amd6......

m_lm
14分钟前
0
0
看看Canonical分享的2018年的十大Linux Snap

导读 Linux在2018年最令人耳目一新的一个方面是Snaps的普及。 Canonical透露,集装箱化的包装已经取得了巨大的成功。今天,Ubuntu制造商分享了2018年的十大Snap。 随着2018年即将结束,我发现...

问题终结者
26分钟前
1
0
天啦噜!在家和爱豆玩"剪刀石头布",阿里工程师如何办到?

阿里妹导读:如今,90、00后一代成为消费主力,补贴、打折、优惠等“价格战”已很难建立起忠诚度,如何与年轻人建立更深层次的情感共鸣?互动就是一种很好的方式,它能让用户更深度的参与品牌...

阿里云官方博客
53分钟前
1
0
聊聊flink的Table API及SQL Programs

序 本文主要研究一下flink的Table API及SQL Programs 实例 // for batch programs use ExecutionEnvironment instead of StreamExecutionEnvironmentStreamExecutionEnvironment env = Stre......

go4it
今天
2
0
mysqldump应用

备份单个库/表数据或库/表结构 命令行下具体用法如下: mysqldump -u用戶名 -p密码 -d 数据库名 表名 > 备份文件名 1、导出数据库为dbname的表结构(其中用戶名為root,密码为dbpasswd,生成的...

阿dai
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部