文档章节

发现一个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
东莞
关于ie6,ie7中修改img的src属性的一点心得

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

Noin
2013/04/28
0
0
Creating a Web App with jQuery UI

01 May 2009 | Design, Tools | andy Quiet times in blog land as we’ve been busy in green field development with a new feedback platform for the V1 product line. I’ve been writi......

晨曦之光
2012/03/09
0
0
jquery 判断 IE6 浏览器 javascript

jquery博客依然整3D地图,火狐 谷歌 IE 7 8 9搞定了,依然剩下,蛋疼的IE6。 为了确保快速上线,不得不选择css hack 因为有些div宽度是根据屏幕宽度js判断了。 傻眼了,连css hack都不好整。...

天外飘雪
2012/09/14
0
0
[笔记]jQuery UI的tabs组件在IE浏览器中的缓存问题~

jQuery中禁用缓存 最近在使用jQuery ui中的tabs插件时,遇到一个问题。 在非IE浏览器下,标签是自动刷新的。就是在不同的标签间切换,不用刷新整个页面,如果某个标签内容有更新,比如显示时...

leeoo
2011/12/24
0
0
jQuery 1.5.1 发布,全面支持IE9

原文地址:http://blog.jquery.com/2011/02/24/jquery-151-released/ 转自:http://www.cnblogs.com/sanshi/archive/2011/02/25/1964441.html jQuery 1.5.1发布了!这是自jQuery1.5发布以来第......

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

TypeScript基础入门之JSX(一)

转发 TypeScript基础入门之JSX(一) 介绍 JSX是一种可嵌入的类似XML的语法。 它旨在转换为有效的JavaScript,尽管该转换的语义是特定于实现的。 JSX在React框架中越来越受欢迎,但此后也看到了...

durban
22分钟前
0
0
JavaScript使用原型判断对象类型

1. constructor属性 在JavaScript创建对象(二)——构造函数模式中,我们说过可以使用对象的constructor属性判断对象的类型:p1.constructor === Person,可能当时就有细心的读者会想,我们...

Bob2100
23分钟前
1
0
10-《深度拆解JVM》JVM是怎么实现invokedynamic的?(下)

一、问题引入 上回讲到,为了让所有的动物都能参加赛马,Java 7 引入了 invokedynamic 机制,允许调用任意类的“赛跑”方法。不过,我们并没有讲解 invokedynamic,而是深入地探讨了它所依赖...

飞鱼说编程
44分钟前
2
0
457. Circular Array Loop

Description Difficulty : Medium You are given an array of positive and negative integers. If a number n at an index is positive, then move forward n steps. Conversely, if it's n......

52iSilence7
59分钟前
1
0
MySQL SQL 常见用法

某字段重复记录 select a.fieldA from tableA a group by a.fieldA having count(a.fieldA)>1;==select * from (select a.fieldA, count(1) as faCount from tableA a group......

园领T
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部