那些年踩過的坑——h5頁面在ios端點選高亮閃爍

Maybe發表於2019-02-16
  記得那是第一次獨自完成一個專案,現在看來,那個專案會很簡單的,但那個時候還是挺有成就感的。
  當時碰到過一個問題,h5頁面在ios端點選的時候,整個頁面會高亮的閃爍一下,特別明顯,被測試狂崔。。。最後發現是 css樣式的問題 加一行就好了
   {
    -webkit-tap-highlight-color: transparent;  -----》解決 ios端 高亮閃爍的問題
}

原因如下

當使用者點選iOS的Safari瀏覽器中的連結或JavaScript的可點選的元素時,覆蓋顯示的高亮顏色。

該屬性可以只設定透明度。如果未設定透明度,iOS Safari使用預設的透明度。當透明度設為0,則會禁用此屬性;當透明度設為1,元素在點選時不可見。

相關文章