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

標籤：覆蓋   phone   height   class   highlight   hone   透明   連結   nbsp   

 

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

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