文档章节

发现一个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 UI的tabs组件在IE浏览器中的缓存问题~

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

leeoo
2011/12/24
0
0
jquery 判断 IE6 浏览器 javascript

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

天外飘雪
2012/09/14
0
0
用CSS3实现全屏按比例缩放背景图片

平常看到这种效果都是出现在FLASH全屏动画网站上(用AS来控制),今天发现原来CSS也可以实现这种效果。 核心代码: html {background: url(bg.jpg) no-repeat center center fixed;-webkit-...

叛道
2012/08/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

获取多个集合列表的笛卡尔积

获取多个集合笛卡尔积 电商中典型业务场景:商品搜索 单属性属性值之间为并查询 不同属性的属性值之间查询为与查询 import java.util.ArrayList;import java.util.List;/** * Created w...

键走偏锋
10分钟前
0
0
echarts 迁移地图 控制鼠标缩放大小比例

在网上找了好久没有找到解决方式,还是重新看了一下文档,终于找到的解决方案, zoom:1, //默认显示级别 scaleLimit:{min:1,max:3}, // 缩放级别 echarts 文档-配置项链接 http://echarts.b...

心驰
14分钟前
0
0
Boot2Docker ISO is out-of-date,

Boot2Docker ISO is out-of-date, downloading the latest release. 使用docker-machine时无法更新Boot2Docker ISO导致创建vm machine失败 解决方法:关闭网络,创建好之后再开启...

writeademo
22分钟前
0
0
在 Tomcat 中设置 Tapestry 框架的 html 热加载

如果开发中使用到了 Tapestry 这个框架,如果事先没有设置过的话,开发的时候 html 是不会热加载的,也就是说修改了 html 文件,不能刷新浏览器后立马看到修改完的效果,必须先重新启动应用服...

LeoXu
44分钟前
0
0
【微服务】开启巨石应用到微服务的探索

背景 在过去的一年时间里,我一直在从事一件事情,将现有的单体应用(巨石应用)向微服务改造。 接下来,将持续整理一些在微服务路上的学习与成长。 为什么要做微服务 单体应用,开发、部署简...

艳沐石
54分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部