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

姘擱『發(fā)布于2019-08-30 15:55 / 1503人閱讀

摘要：當時碰到過一個問題，頁面在端點擊的時候，整個頁面會高亮的閃爍一下特別明顯，被測試狂崔。。。當透明度設為，則會禁用此屬性當透明度設為，元素在點擊時不可見。

  記得那是第一次獨自完成一個項目，現(xiàn)在看來，那個項目會很簡單的，但那個時候還是挺有成就感的。
  當時碰到過一個問題，h5頁面在ios端點擊的時候，整個頁面會高亮的閃爍一下,特別明顯，被測試狂崔。。。最后發(fā)現(xiàn)是 css樣式的問題 加一行就好了
   {
    -webkit-tap-highlight-color: transparent;  -----》解決 ios端 高亮閃爍的問題
}

原因如下

當用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時，覆蓋顯示的高亮顏色。

該屬性可以只設置透明度。如果未設置透明度，iOS Safari使用默認的透明度。當透明度設為0，則會禁用此屬性；當透明度設為1，元素在點擊時不可見。

云服務器 GPU云服務器云服務器踩過的坑頁面閃爍 html頁面高亮設置 h5頁面

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/117247.html

那些年踩過的坑——input輸入框 ios端 readyonly 點擊出現(xiàn)光標

摘要：輸入框加了屬性就可以達到只讀的效果，但是在端，點擊該輸入框還是會出現(xiàn)光標解決辦法，給輸入框加上元 input輸入框加了readonly屬性就可以達到只讀的效果，但是在ios端，點擊該輸入框還是會出現(xiàn)光標解決辦法，給輸入框加上 unselectable=on onfocus=this.blur()

elliott_hu 2019-08-30 15:55 評論0 收藏0
那些年踩過的坑——input輸入框 ios端 readyonly 點擊出現(xiàn)光標

摘要：輸入框加了屬性就可以達到只讀的效果，但是在端，點擊該輸入框還是會出現(xiàn)光標解決辦法，給輸入框加上元 input輸入框加了readonly屬性就可以達到只讀的效果，但是在ios端，點擊該輸入框還是會出現(xiàn)光標解決辦法，給輸入框加上 unselectable=on onfocus=this.blur()

red_bricks 2019-08-23 14:43 評論0 收藏0
那些年踩過的坑——node代理解決跨域的問題

摘要：在實際開發(fā)中，前后端分離的項目通常會需要同后臺開發(fā)人員聯(lián)調接口，不可避免的會碰到跨域的問題。在實際開發(fā)中，前后端分離的項目通常會需要同后臺開發(fā)人員聯(lián)調接口，不可避免的會碰到跨域的問題。雖說跨域問題最后基本都是后臺同事解決的，但是有時候為了趕時間，沒轍只有自己來，使用node代理解決跨域：協(xié)議域名端口號三個只要有一個不一樣就是跨域，也就是不同域名之間的訪問；通常解決跨域的...

worldligang 2019-08-23 14:43 評論0 收藏0