解决移动端iPhone设备点击时出现半透明的灰色背景
2018-03-26 14:37
573 查看
、
问题：在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。
学习笔记，根据自己理解整理，不对的地方望指正，感谢！
更多文章
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c
- 移动端网站或APP点击后出现闪动或灰色背景
- 移除触屏设备"点击"产生的半透明灰色背景及边框
- 移动端点击a链接出现蓝色背景问题解决
- 解决h5页面点击元素出现灰色背景
- 移动端网站或APP点击后出现闪动或灰色背景（转）
- 关于移动端点击a标签去掉背景灰色区域
- 解决ie6下png不透明，出现灰色背景的问题
- 关于移动端点击后出现闪或者黑色背景
- 移动端HTML5点击事件闪现灰色背景解决方案
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- 在移动端点击事件触发时，闪烁并且有灰色背景
- iTunes出现“iTunes不能读取iPhone的内容，请前往iPhone偏好设置的摘要选项卡，然后点击“恢复””的解决办法
- 解决IE6中PNG图出现灰色背景问题
- 关于移动端点击后出现闪或者黑色背景
- 关于移动端点击后出现闪或者黑色背景
- 移动端去掉a标签点击时出现的背景
- CSS-解决苹果点击高亮、安卓select灰色背景
- listview动态标识被点击项并且不出现背景重绘紊乱的解决方法
- 移动端苹果设备点击页面空白处的时候出现闪烁的情况