HTML实现点击时的阴影(:active)(已解决iOS微信上无法使用)

发布时间:2017-2-24 7:08:36 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"HTML实现点击时的阴影(:active)(已解决iOS微信上无法使用) ",主要涉及到HTML实现点击时的阴影(:active)(已解决iOS微信上无法使用) 方面的内容,对于HTML实现点击时的阴影(:active)(已解决iOS微信上无法使用) 感兴趣的同学可以参考一下。

一般是用这个委类:active

参考:http://www.w3school.com.cn/cssref/selector_active.asp

但是业界上实现的效果中,今日头条的手机端网页却不是这样的,当点击时是一闪而过,也有非常漂亮的圆角,如下图:

初步分析,没有在css文件上找到active的样式,我初步怀疑是用js添加上去的;且这个有个特点:点击时是一闪1秒,而用active是一直都在,除非你放开。

最终还是没研究出,只能用土办法,直接active去实现。

接下来是发现在iOS微信上无法使用active的属性

解决办法:在body加入:

<body ontouchstart="" onmouseover="">
</body>

参考:

https://www.zhihu.com/question/24373267

http://stackoverflow.com/questions/8330559/hover-effects-using-css3-touch-events

上一篇:Python 3.6.0的sqlite3模块无法执行VACUUM语句
下一篇:Why many EEG researchers choose only midline electrodes for data analysis EEG分析为何多用中轴线电极

相关文章

相关评论