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

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

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

%MINIFYHTMLeb52f65de7aec9fec3b86a7b2a58666613%

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



      

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

%MINIFYHTMLeb52f65de7aec9fec3b86a7b2a58666614%

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

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

%MINIFYHTMLeb52f65de7aec9fec3b86a7b2a58666615%



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

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

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

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

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

除非特别声明，dudo博客文章均为原创，转载请以链接形式注明本文链接

本文链接: http://dudo.org/archives/2007122311180.html