闪烁问题
由于在iOS Safari上click事件存在300ms响应延时,所以为touch事件添加样式,会和click事件默认样式叠加而产生闪烁问题。
因为ios safari浏览器中对触摸事件的响应顺序是:
ontouchstart -> ontouchmove -> ontouchend -> (300ms) onclick
消除click默认样式
通过讲click事件样式的alpha通道设置为0(透明),消除click事件的闪烁效果
-webkit-tap-highlight-color: rgba(0,0,0,0);