在ie6下的hover伪类的使用
作者:jxdawei 来源:大伟的博客 时间:2008-06-01 13:51:00
前段时间在论坛上有人问到一个淘宝网上的hover伪类实现的效果如果兼容ie6。
其实,问题很简单,就是hover伪类在IE6中得不到很好的支持,因为IE6只支持css1,而在css1中hover伪类只能针对a标签来起作用,看了一下淘宝的代码,他们的解决方法是:
首先,按照ie7/FF都支持的css2的写法来写。
其次针对IE6不支持css2再做特殊处理。也就是通过javascript来弥补ie6下的不足。
这段javascript的原理是这样的:
根据某些特征找到需要添加hover效果的标签
对此标签添加onmouseover和onmouseout事件
在onmouseover事件中给对象赋予新的css class属性,同样,在onmouseout时移除该css class即可模拟成hover伪类的效果了。
页面演示地址:ie6-hover.htm (2.78 KB)
标签:伪类,hover,淘宝,链接
0
投稿
猜你喜欢
快速让MySQL数据库服务器支持远程连接
2010-01-16 13:06:00
兼容FF的图片切换代码
2009-09-26 20:15:00
CSS编写过程中常见的10个错误
2008-05-29 12:49:00
dir()、readdir()、scandir()和glob()四种遍历目录方法及性能分析
2023-05-25 11:18:27
asp 读取文件和保存文件函数代码
2011-04-04 11:17:00
asp自带的内存缓存 application
2011-03-09 11:18:00
关于大批量数据高效插入方法
2010-07-31 19:07:00
ASP分页类(支持多风格变换)
2011-04-08 10:39:00
IE 下 href 的 BUG
2008-11-10 12:32:00
Oracle 数据库导出(exp)导入(imp)说明
2009-03-06 10:49:00
经典的退出浏览器弹窗代码
2008-07-30 12:48:00
讲解SQL Server危险扩展存储删除和恢复
2008-12-09 14:30:00
在ASP中使用SQL语句之12:连接
2009-04-23 18:27:00
利用ASP远程注册DLL的方法
2008-03-05 13:00:00
JavaScript框架比较:选择器
2010-04-20 14:48:00
asp分类算法要解决的问题
2009-09-10 16:49:00
asp连接SQL和Access数据代码(asp里的随机函数)
2013-06-01 20:26:06
保护你的ASP页面的两种办法
2008-06-10 16:53:00
将Reporting services的RDL文件拷贝到另外一台机器时报Data at the root level is invalid的解决方法
2012-07-11 15:33:45
页面自动刷新javascript代码大全
2010-06-28 18:54:00