在ie6下的hover伪类的使用
作者：jxdawei 来源：大伟的博客 发布时间：2008-06-01 13:51:00
标签：伪类,hover,淘宝,链接
前段时间在论坛上有人问到一个淘宝网上的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）
0
投稿猜你喜欢
- 网上有许关于固定表格的标题行的文章，但是既要固定标题行又要固定标题列的却几乎没有。现我写下如下代码以供大家参考：<html> &
- 我们知道，数组的sort方法可以对数组元素进行排序，默认是按ASCII字母表顺序排序。如果要根据其他的顺序排序就需要为sort方法提供一个比
首先说登陆在config.inc.php文件中,有一个选项需要设置查找：$cfg['Servers'][$i]['a- 初学ASP，程序是能勉强写出来了，但若每进行一次网站页面的改版，所有的源程序都将进行一次移植手术。为此所耗费的人力精力不计其数，甚至一不小心
- 今天用FrontPage2003，无意中发现一个bug，稍加研究，基本发现这个bug的规律了首先是我的系统版本和Frontpage版本：我的
- 自动弹出窗口是一个让人讨厌的事情，为什么我们用它来显示我们的调查表呢？用弹出窗口来显示调查表，被认为是达到我们收集访问用户信息的最方便快捷的
- 目录本文目标如何使用本教程正则表达式到底是什么？入门测试正则表达式元字符字符转义重复字符类反义替换分组后向引用零宽断言负向零宽断言注释贪婪与
- 目前市面上成熟的CMS产品有很多，无外乎两种解决方案：第一种就是用XSL+XML的方式来实现客户端具体数据；第二种是生成HTML或者SHTM
- 锁是指在某组资源中，两个或两个以上的线程在执行过程中，在争夺某一资源时而造成互相等待的现象，若无外力的作用下,它们都将无法推进下去，死时就可
- 代码如下:< ％ Set fso=Server.CreateObject("Scripting
- 在许多情况下，当迁移至SQL Server 2008之前必须了解那些反对和放弃功能的具体情况。下文是几个主要功能在兼容性上的问题列表：1.S
- 信息架构的组件可以拆分成四类组织系统 如何组织信息，例如，依据主题或年代顺序。标签系统 如何表示信息，例如，科学术语（“Acer”）或通俗术
- 大概在2004年初的时候，我第一次买了一本很厚的书，名字或许叫《Dreamweaver MX从入门到精通》，很认真看着书并实践操作大约三分之
- 在做项目的过程中，我们经常会建立各种各样的规范，以方便团队之间更好的合作更好的完成项目；同样我们也经常会听到各种各样的协议，比如Google
- 神奇创意相框！ 是的，主要利用position的relative, absolute, z-index属性。结合Photo Frame（相框
- 之前有看过一个博文写的是白社会的设计很好但运营却有些遭，因为对每一个WebGame的推出时间把握不准，会有几个应用同时上线造成影响力的冲突，
- 微软在今天早上发布新的安全通告证实，一处远程执行代码漏洞影响到了整个SQL Server产品线。该漏洞的入侵代码在两周前已经被公布在互联网上
- 当数据库服务器变得十分繁忙导致性能下降时，你会怎么办?购买更多的硬件升级你的服务器，还是重新考虑数据库服务器设计使得数据库平台具备良好的可升
- HTTP（HyperTextTransferProtocol）是超文本传输协议的缩写，它用于传送WWW方式的数据，关于HTTP协议的详细内容
- 人的大脑通过双眼来辨别视觉图形获取信息。大脑根据储存的经验，将所看到的视觉图形建立起优先级。由此可见，一个良好的视觉设计可以帮助大脑迅速有效
