1. 程式人生 > >ios移動端關於事件繫結區域點選閃屏的解決

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還是有些好處的。