手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Google Chrome浏览器无法显示hover样式的解决方法
Google Chrome浏览器无法显示hover样式的解决方法
摘要:今天用做了一个导航效果,用到了hover样式,就是鼠标移上去导航背景变别的颜色,可是在GoogleChrome浏览器中,把鼠标移到导航上不显...

今天用做了一个导航效果,用到了hover样式,就是鼠标移上去导航背景变别的颜色,可是在Google Chrome浏览器中,把鼠标移到导航上不显示效果,背景无变化,最终在网上找到了解决方法,拿来做个备忘。

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

【Google Chrome浏览器无法显示hover样式的解决方法】相关文章:

chrome居中但ie不居中的解决方法

表格边框以虚线显示的css样式

编写CSS代码时样式命名的规则

Google浏览器CSS居中兼容问题完美解决方法

firefox和谷歌不显示body背景图片的解决方法

在ie7下css居中样式text-align:center;偏左问题解决方法

一种比CSS-Sprite更加方便在网页中嵌入大量图标的方法

ie6不兼容hover ie6 a hover属性失效解决办法

css实现鼠标悬停时滑出层提示的方法

CSS 控制因Html页面高度导致抖动的问题解决方法

精品推荐
分类导航