侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130557 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2023-12-14 星期四 / 0 评论 / 0 点赞 / 17 阅读 / 6692 字

对于现在还用ie的年轻人,我实在是不想再吐槽了。然而现在公司里还特么有用ie7、ie8的80后、90后。别提有多想过去砸他电脑-_-! 其实导致我现在芥末"不满"的是..还要我兼容ie6 万

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

广告 广告

评论区