[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
第二个运行框css代码有错。a后面多了个空格。[reply=dudo,2009-04-25 09:30 PM]的确是这样,:)谢谢指正[/reply]
[回复]