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

解决移动端iPhone设备点击时出现半透明的灰色背景_第1张图片

问题:在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。


学习笔记,根据自己理解整理,不对的地方望指正,感谢!


更多文章

你可能感兴趣的:(css)