2007 - 11 - 06

a:hover span 隐藏/显示 问题

Published by

:hover是我们在CSS设计中最常运用的伪类之一,许多绚丽效果的实现离不开伪类:hover,比如我们常见的纯CSS菜单、相册效果等等。

或许用了这么久的伪类:hover,还有部分朋友还不完全了解hover的规则:

引用:
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。
在CSS2中此伪类可以应用于任何对象。

但目前IE5.5、IE6仅支持CSS1中的:hover,不过新出的IE7是支持CSS2中的:hover。

当我们用伪类:hover做某些特殊效果时,依据CSS2很好完成,但为了现在占据主流浏览器的IE6,我们又不得不做很多工作,比如给添加a元素等来模拟完成最终的效果。

IE bug:当<a>中元素采用position的时候,需要加一个背景来表明<a>的控制范围,否则鼠标滑过没有任何效果。

3 responses so far

3 Responses to “a:hover span 隐藏/显示 问题”

  1. hopesfishon 27 一 2010 at 18:13

    你的这个解决方法很有意义 我在用的时候使用了 background:none; 不需要加任何色彩
    有空交流交流 呵呵

  2. hopesfishon 27 一 2010 at 18:14

    我的email hopesfish@163.com

  3. lime crime liquid lipstick long lasting matte lip gloss set 12 color wholesaleon 15 三 2017 at 04:59

    朝心 » a:hover span 隐藏/显示 问题

Comments RSS

评论