點擊出現黑色背景的解決:-webkit-tap-highlight-color:rgba(0,0,0,0)


 

在手機上(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,元素在點擊時不可見。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM