解决移动端iPhone设备点击时出现半透明的灰色背景

Posted 小小小尾巴

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决移动端iPhone设备点击时出现半透明的灰色背景相关的知识,希望对你有一定的参考价值。

 

技术分享图片

 

问题:在iPhone设备上点击时会出现一个半透明的灰色背景。

解决办法:

html,body{  
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}  

  -webkit-tap-highlight-color 是 css3 的新属性,这个属性只用于 ios(iPhone和iPad)。当你点击一个链接或通过 javascript 定义的可点击元素的时候,它就会出现一个半透明的灰色背景。你可以设置 -webkit-tap-highlight-color 为任何颜色,想要禁用这个背景,设置颜色的透明度设置为0。

 

学习随笔,我也是在网上看到的,随时记录下来。再根据自己理解整理,不对的地方望指正,感谢!

以上是关于解决移动端iPhone设备点击时出现半透明的灰色背景的主要内容,如果未能解决你的问题,请参考以下文章

移动端常见bug汇总

移动端bug汇总

移动端bug汇总

移动端常见bug汇总001

移动端布局注意事项及解决

移动端网页布局中需要注意事项以及解决方法总结