css a:hover下的span样式无效的解决方法 span,样式无效

css a:hover下的span样式无效的解决方法 span,样式无效

下面的例子中,a标签里包含了一个span,我们可能希望当鼠标移到a上时,span的样式发生变化,但是在ie6下发现无效

关键词:

测试代码:

<!DOCTYPE HTML> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> <title></title> <style type=”text/css”> a:hover span{font-weight:bold;color:#F00} </style> </head> <body> <a href=”#”>鼠标移过来看看这个网址是否变颜色:<span>www.jb51.net</span></a> </body> </html>

提示:您可以先修改部分代码再运行

解决方法:(定义a:hover的样式,如font-size:12px,或者zoom:1等)

<!DOCTYPE HTML> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> <title></title> <style type=”text/css”> a:hover{font-size:12px} a:hover span{font-weight:bold;color:#F00} </style> </head> <body> <a href=”#”>鼠标移过来看看这个网址是否变颜色:<span>www.jb51.net</span></a> </body> </html>

提示:您可以先修改部分代码再运行

css a:hover下的span样式无效的解决方法 span,样式无效

相关文章:

你感兴趣的文章:

标签云: