收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2251|回复: 5

[CSS] 为什么点击hover 会一闪一闪

[复制链接]
发表于 2016-7-9 11:32:33 | 显示全部楼层 |阅读模式

 提示:您可以先修改部分代码再运行

发表于 2016-7-9 13:46:18 | 显示全部楼层
这个样式有问题,逻辑问题
QQ截图20160709134953.png
回复 支持 反对

使用道具 举报

发表于 2016-7-14 13:08:11 | 显示全部楼层
<a>display:none;就没有长宽了,相当于你鼠标移开了,这时候就不是hover状态,它自然会再回到开始显示的状态,长宽又回来了,这时候hover状态又出现了。所以就在显示和不显示之间切换,就一闪一闪了。

:hover{ display: none;}没有这样用的;
要让他消失,你就用透明度。
回复 支持 反对

使用道具 举报

发表于 2016-8-2 22:10:22 | 显示全部楼层
事件冒泡吧
回复 支持 反对

使用道具 举报

发表于 2016-8-3 09:20:01 | 显示全部楼层
本帖最后由 abaddonpoet 于 2016-8-3 09:27 编辑

这个隐藏要用js实现

有2个问题,

1个是 li > a    你li下面有2个a,所以要用>符号定义是子1级的a
1个是hover的时候隐藏自身,由于display:none是消除dom位置的,意味着a不占任何空间,也就是此时已经是非hover状态了,非hover时a显示,下一瞬又重复隐藏,所以会闪烁
回复 支持 反对

使用道具 举报

发表于 2016-8-3 09:27:10 | 显示全部楼层
改成这样就可以了,a:hover样式有问题

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-11-26 09:40 , Processed in 0.093511 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表