IE6及以下版本浏览器中A状态伪类Bug的解决办法

[color=red]注意:本文为作者原创,转载请注明出处;
本文仅考虑了IE7.0,IE6.0,FireFox2.0,FireFox3.0β2的情况[/color]

IE7.0中对A状态伪类已经支持的很标准了,也就是说你使用 a:hover div {… …}的方法,完全可以达到你想要的效果。
在IE7.0中测试以下效果




	welcome to dudo.org



把鼠标放这儿看看
这段文字只有你把鼠标放在指定位置才能看得到

以上代码在IE6.0及以下的版本中是没有任何效果的,为什么呢?因为IE本身存在这方面的Bug,因此需要Hack技术来修复这个Bug。修复很简单,只需要在CSS中加入如下代码 a:hover {background:#fff}就OK了。在IE6.0及以下版本浏览器中运行下面的代码




	welcome to dudo.org



把鼠标放这儿看看
这段文字只有你把鼠标放在指定位置才能看得到

有了这个解决办法之后我们就可以做很多很好看的效果出来,比如鼠标经过时的提示功能等。演示一下:




	Welcome to dudo.org