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

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

-webkit-tap-highlight-color: rgba(0,0,0,0);
1
添加之后iPhone闪屏效果确实解决了。看属性是webkit,那就应该是用来兼容谷歌或者safari,在谷歌上面没有出现问题,那应该就是safari的。

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

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

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

文章转自:https://blog.csdn.net/fxss5201/article/details/78072648

原文地址:https://www.cnblogs.com/siyecao2010/p/10026815.html