首页 > 代码库 > HTML实现点击时的阴影
HTML实现点击时的阴影
一般是用这个委类:active
参考：http://www.w3school.com.cn/cssref/selector_active.asp
但是业界上实现的效果中，今日头条的手机端网页却不是这样的，当点击时是一闪而过，也有非常漂亮的圆角，如下图：
初步分析，没有在css文件上找到active的样式，我初步怀疑是用js添加上去的；且这个有个特点：点击时是一闪1秒，而用active是一直都在，除非你放开。
最终还是没研究出，只能用土办法，直接active去实现。
接下来是发现在iOS微信上无法使用active的属性
解决办法：在body加入：
<body ontouchstart="" onm ouseover=""></body>
参考：
https://www.zhihu.com/question/24373267
http://stackoverflow.com/questions/8330559/hover-effects-using-css3-touch-events
HTML实现点击时的阴影
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。