css谷歌浏览器兼容问题

2019-11-07 13:38:26济南做网站速动科技

在谷歌浏览器下鼠标经过时文字效果不显示,如:鼠标经过时在其他浏览器正常显示背景样式,在谷歌下就不显示;

代码如下列子:

.functree li{ width:200px; float:left; height:30px; line-height:30px; color:#000; font-size:12px;}
.functree li a{ width:180px; padding-left:20px; color:#000; text-decoration:none; }
.functree li a:hover{ width:200px; float:left; background:#d3eaf4; color:#000;}

解决方案:在li a里加上下面代码;

.functree li a{ display:block;}

上一篇:

div+css 常用两栏/三种自动适应宽度分

下一篇:

css图片溢出 返 回

Copyright © 2009-2020 JnSuDong.Com All Right Reserved.  鲁ICP备19043865号