点击出现黑色背景的解决:-webkit-tap-highlight-color:rgba(0,0,0,0)
生活随笔
收集整理的這篇文章主要介紹了
点击出现黑色背景的解决:-webkit-tap-highlight-color:rgba(0,0,0,0)
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?
在手機(jī)上(iphone)點(diǎn)擊按鈕的時(shí)候,屏幕總會(huì)閃動(dòng)一下,這讓頁(yè)面看起來(lái)很不友好也不流暢。解決方案加了一句css就解決了:
-webkit-tap-highlight-color:rgba(0,0,0,0) //webkit是蘋果瀏覽器引擎,tap點(diǎn)擊,highlight背景高亮,color顏色,顏色用數(shù)值調(diào)節(jié)。原因如下:
在移動(dòng)端上,有事件監(jiān)聽(tīng)的元素被點(diǎn)擊的時(shí)候會(huì)被高亮顯示,而-webkit-tap-highlight-color屬性會(huì)在當(dāng)用戶點(diǎn)擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點(diǎn)擊的元素時(shí),覆蓋顯示的高亮顏色。
該屬性可以只設(shè)置透明度。如果未設(shè)置透明度,iOS Safari使用默認(rèn)的透明度。當(dāng)透明度設(shè)為0,則會(huì)禁用此屬性;當(dāng)透明度設(shè)為1,元素在點(diǎn)擊時(shí)不可見(jiàn)。
轉(zhuǎn)載于:https://www.cnblogs.com/xiangru0921/p/6514100.html
總結(jié)
以上是生活随笔為你收集整理的点击出现黑色背景的解决:-webkit-tap-highlight-color:rgba(0,0,0,0)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 校园文化标语文案30句
- 下一篇: 【Tool】sublime txt的使用