手机
当前位置:查字典教程网 >网页设计 > 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-Sprite更加方便在网页中嵌入大量图标的方法

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

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

浏览器不支持position: fix的解决

div嵌套 img 空白解决方法

span设CSS样式总是不起作用的解决方法

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

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

css实现文字过长显示省略号的方法

添加css样式的三种方法

精品推荐
分类导航