手机端代码,移动端代码,手指移上时变色,离开后恢复
郑州/三维设计师/9年前/1002浏览
版权
手机端代码,移动端代码,手指移上时变色,离开后恢复
写WEB手机端有一段时间了,碰到一个非常棘手的问题。手指移上时变色,手指离开后就不能恢复颜色了。一直保持手指移上时的状态。
写WEB手机端有一段时间了,碰到一个非常棘手的问题。
我最开始用的是:hover事件 手指移上时变色,手指离开后就不能恢复颜色了。一直保持手指移上时的状态。
-----------------------------------前端设计请看--------------------------------------------------
经常写PC端的朋友肯定会用a:hover标签,来实现鼠标放上后变色,离开后恢复原来。
但是!!!如果你手机端也用a:hover标签,想实现手指触摸时变色,离开后恢复,就大错特错了!!!
我刚开始写手机端用的就是a:hover,后来发现,手指离开后,手机端还是不能恢复!!网上查了很多,根本没有真正的解释!骂人的心都有了!!
一次,无意之间,我把a:hover 改成了a:active 后! 成功了!!成功了!!手机端手指移上时变色,离开后恢复!
PC端a:active用的时候很好用,但是手机端,如果你想实现完美css变色效果,必须用a:active!
现在我把项目上所有手机端的:hover伪类标签全部替换成:active。项目更新后,完美~!
7
举报
声明
2
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
7登录即可同步推荐记录哦
2登录即可加入我的收藏
评论登录即可评论想法
分享分享




































