Q:css移动端:acitve效果的实现

desc:

　　safari,iphone webkit ,android 移动端不兼容CSS的active,给a标签添加了active,点击没有效果

a：

　　1.绑定一个touchstart事件才能激活:active状态

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

 　　2.去除ios系统a标签点击时的灰色背景

a,a:hover,
a:active,
a:visited,
a:link,
a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}

 

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

参考：https://www.zhihu.com/question/24373267



posted @ 2016-08-26 16:51  K_O  阅读(295)  评论(0)  编辑  收藏  举报