在手機上(iphone)點擊按鈕的時候,屏幕總會閃動一下,這讓頁面看起來很不友好也不流暢。解決方案加了一句css就解決了:
-webkit-tap-highlight-color:rgba(0,0,0,0) //webkit是蘋果瀏覽器引擎,tap點擊,highlight背景高亮,color顏色,顏色用數值調節。
原因如下:
在移動端上,有事件監聽的元素被點擊的時候會被高亮顯示,而-webkit-tap-highlight-color屬性會在當用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時,覆蓋顯示的高亮顏色。
該屬性可以只設置透明度。如果未設置透明度,iOS Safari使用默認的透明度。當透明度設為0,則會禁用此屬性;當透明度設為1,元素在點擊時不可見。