ios移动端关于事件绑定区域点击闪屏的解决

最近做移动端的，在一块区域内绑定事件之后，在安卓上面没有任何问题，然而在iphone上却会出现闪屏，参考一些知名移动端的框架，例如bootstrap，在html和body标签上会添加上下面的这个csss属性：

-webkit-tap-highlight-color: rgba(0,0,0,0);

添加之后iPhone闪屏效果确实解决了。看属性是webkit，那就应该是用来兼容谷歌或者safari，在谷歌上面没有出现问题，那应该就是safari的。

之后百度得知，这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。

想要禁用这个高亮，设置颜色的alpha值为0即可。

所以有些时候看看知名框架（虽然bootstrap很沉重，不过兼容性做的还是蛮好的）的css还是有些好处的。