发现一个jquery的hover在ie6、7下的bug
博客专区 > 715paris 的博客 > 博客详情
发现一个jquery的hover在ie6、7下的bug
715paris 发表于3年前
发现一个jquery的hover在ie6、7下的bug
  • 发表于 3年前
  • 阅读 25
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 在IE7+及FF浏览器中,:hover伪类可以用于任何对象,但在IE5、IE6中,:hover伪类仅能用于a(超链接)对象,且该a对象必须要拥有href属性。所以这次为了要在ie6上也能正常显示hover效果,二话不说用jQuery的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就可以正常响应而不再出现不灵敏现象了。(这里就不贴代码了,就加一行背景颜色而已)解决方法很简单!但问题不是一般的坑!

对于现在还用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

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 1
博文 6
码字总数 1820
×
715paris
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: