dudo博客

[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








共有(1)条评论

一路过客 发表于 2008-5-22 at 01:52 #1楼

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

[回复]


随便说两句
名字:
Email:
网站:
内容:

无觅相关文章插件,快速提升流量