文章目录

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

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

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

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

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

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

文章目录