网页制作 
首页 > 网页制作 > 浏览文章

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

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

原因就是,在Google Chrome浏览器下,如果a:hover状态中有设置display:block的话,那么这个hover状态就失效了,真是悲剧啊,所以要想Google Chrome浏览器显示hover的效果,只需要删除display:block就好了。
上一篇:让IE6支持最小高度min-height、最大高度max-height的方法
下一篇:ie6布局网页padding值加倍的解决方法