首页
网络编程
编程语言
网页制作
大数据
数据库
手机开发
操作系统
网络推广
建站教程
网络安全
手机教程
云服务器
特色栏目:
python
批处理
net编程
Javascript
Php
Asp
Css
Html5
Android
seo
centos
当前位置 :
主页
>
网页制作
>
css
>
Google Chrome浏览器无法显示hover样式的解决方法
来源:互联网
收集:自由互联
发布时间:2022-04-20
今天用做了一个导航效果,用到了hover样式,就是鼠标移上去导航背景变别的颜色,可是在Google Chrome浏览器中,把鼠标移到导航上不显示效果,背景无变化,最终在网上找到了解决方法
今天用做了一个导航效果,用到了hover样式,就是鼠标移上去导航背景变别的颜色,可是在Google Chrome浏览器中,把鼠标移到导航上不显示效果,背景无变化,最终在网上找到了解决方法,拿来做个备忘。
原因就是,在Google Chrome浏览器下,如果a:hover状态中有设置display:block的话,那么这个hover状态就失效了,真是悲剧啊,所以要想Google Chrome浏览器显示hover的效果,只需要删除display:block就好了。
上一篇:
让IE6支持最小高度min-height、最大高度max-height的方法
下一篇:没有了
相关文章
Google Chrome浏览器无法显示hover样式的解决方法
让IE6支持最小高度min-height、最大高度max-height的方法
span设置text-indent不起作用的原因及解决方法
限制div高度当内容多了溢出时显示滚动条
IE7与FF下的letter-spacing属性兼容性写法
CSS实现输入框的周围高亮效果让边框发亮
ie6下position:absolute不显示问题解决方法
css 滤镜效果主要对HTML标记设置滤镜效果
DIV多行文字显示不下溢出时显示...的css样式
css样式表中中文名字体乱码使用Unicode可解决
纯CSS3发光分享按钮的实现教程
css 串联选择器和后代选择器介绍及示例
网友评论
相关栏目
html
Nodejs
JQuery
Dojo
React
xml
Bootstarp
Dreamweaver教程
微信小程序
AJAX
css
html5
HTTP/TCP
最近更新
Google Chrome浏览器无法显示hover样式的解决方法
让IE6支持最小高度min-height、最大高度max-height的方
span设置text-indent不起作用的原因及解决方法
限制div高度当内容多了溢出时显示滚动条
IE7与FF下的letter-spacing属性兼容性写法
CSS实现输入框的周围高亮效果让边框发亮
ie6下position:absolute不显示问题解决方法
css 滤镜效果主要对HTML标记设置滤镜效果
DIV多行文字显示不下溢出时显示...的css样式
css样式表中中文名字体乱码使用Unicode可解决
纯CSS3发光分享按钮的实现教程
css 串联选择器和后代选择器介绍及示例
css(html)背景图优化合并技巧详解
CSS自定义select下拉选择框不用其他标签模拟且兼
浅析CSS 属性之中经常出现的百分比
热门文章
CSS实现fullpage.js全屏滚动效果的示例代码
CSS3只让背景图片旋转180度的实现示例
CSS3 真的会替代 SCSS 吗
css3实现书本翻页效果的示例代码
纯CSS3实现圆圈动态发光特效动画的示例代码
CSS实现图像映射的方法
巧用 CSS3的webkit-box-reflect 倒影实现各类动效
使用CSS计数器美化数字有序列表的实现方法
如何通过 CSS 写出火焰效果
css animation配合SVG制作能量流动效果
详解利用css3的var()实现运行时改变scss的变量值
css圆形镂空(优惠券背景图)的实现
纯CSS实现页面中的列表收拉效果
从一次项目重构说起CSS3自定义变量在项目的使用
纯 CSS 实现拖拽效果的代码