Google Chrome浏览器无法显示hover样式的解决方法

当前位置 : 首页 > 网页制作 > CSS > Google Chrome浏览器无法显示hover样式的解决方法

Google Chrome浏览器无法显示hover样式的解决方法

来源: 作者: 时间:2015-10-31 10:12
鼠标移上去导航背景变别的颜色,可是在Google Chrome浏览器中,把鼠标移到导航上不显示效果,背景无变化,下面是比较不错的解决方法
鼠标移上去导航背景变别的颜色,可是在Google Chrome浏览器中,把鼠标移到导航上不显示效果,背景无变化,下面是比较不错的解决方法
今天用做了一个导航效果,用到了hover样式,就是鼠标移上去导航背景变别的颜色,可是在Google Chrome浏览器中,把鼠标移到导航上不显示效果,背景无变化,最终在网上找到了解决方法,拿来做个备忘。

原因就是,在Google Chrome浏览器下,如果a:hover状态中有设置display:block的话,那么这个hover状态就失效了,真是悲剧啊,所以要想Google Chrome浏览器显示hover的效果,只需要删除display:block就好了。
Tag:
网友评论

<