"如果
问题重现代码：
<style type="text/css">
/*演示样式*/
a{ text-decoration:none;}
a b{color:red;}
a:hover{ text-decoration:underline;}
a:hover b{color:blue; font-weight:bold;}
</style>
<a href="#"><b>:hover后我要变绿色</b></a>
解决方法：
在a:hover{}增加一些a标签正常状态下没有定义的属性，例如上例中的 a:hover{text-decoration:underline;}，当然加其它属性：border:none、padding及其它都可以！
解决问题后的代码：
<style type="text/css">
/*演示样式*/
a{ text-decoration:none;}
a b{color:red;}
a:hover{ text-decoration:underline;} /* border什么的都可以 */
a:hover b{color:blue; font-weight:bold;}
</style>
<a href="#"><b>:hover后我要变绿色</b></a>
如果按上面的解决方法处理，ie6 hover时仍然没效，就要检查下a标签的写法规范性：a标签的href属性是必需加的
问题补充：
a标签若没加href属性，ie6、ie7下hover样式会失效，这个算不上是bug：a标签href属性都不加，还算得上链接标签吗？ie6本身就无法识别不是a标签的hover，至于ie7一过渡性产品，有这bug实属正常....
快速留言：
2条评论( 网友:1 条,站长:1 条 ) 网友评论{有您的评论更精彩....}