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

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

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

	



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


      

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

	



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

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

	




	

		dudo.org
			
dudo.org是dudo的个人博客
		
	
	

		Index
			
点击这里你就可以进入到dudo.org的首页
		
	
	

		Web2.0
			
Web2.0其实是一个很宽泛的概念
		
	
	

		Major
			
Major才是你将来真正要做东西
		
	
	

		Asp.NET
			
Asp.NET可能是未来Web的主宰者