手机
当前位置:查字典教程网 >网页设计 > 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样式的解决方法】相关文章:

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

WEB标准布局的Div + CSS 高度自适应解决方法

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

div嵌套 img 空白解决方法

img图片元素下多余空白解决方案

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

ie placeholder属性的兼容性问题解决方法

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

DIV背景图片在Firefox下不显示通过overflow:auto可解决

css 控制鼠标显示样式示例

精品推荐
分类导航