hover样式在谷歌浏览器(chrome)下显示不出的解决办法
成功志
hover样式在谷歌浏览器(chrome)下显示不出的解决办法
2012-3-22 ok12

在chrome浏览器下,如果a:hover状态有设置display:block;的话,那么这个hover状态就失效了。




新的css标准所有标签都可以加hover状态,不再局限于a链接了。基于这一点可以这么做:

 

#subNav li a:hover{display:block;background:#d3d3d3;}

#subNav li:hover{background:#d3d3d3;}




因为ie6是css1.0,不支持非a的hover伪类,所以第一句也需要放在那里。

发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容