码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2018-06-01 15:33:04      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:半透明   script   ios   java   div   phone   rgba   设备   image   

 

技术分享图片

 

问题:在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设备点击时出现半透明的灰色背景

标签:半透明   script   ios   java   div   phone   rgba   设备   image   

原文地址:https://www.cnblogs.com/xiaoweiba/p/9121626.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!