iphone上点击div会出现半透明灰色背景

-webkit-tap-highlight-color

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。

想要禁用这个高亮，设置颜色的alpha值为0即可。

-webkit-tap-highlight-color：rgba(0,0,0,0)

如果不行试试在背景上加个rgba(0,0,0,0)

详见：：：http://www.cnblogs.com/libin-1/p/5903350.html

时间： 2024-07-30 16:16:35

iphone上点击div会出现半透明灰色背景的相关文章

关于iphone上点击事件无效

事情缘由 由于工作需要,我自己写了一个modal弹出框,弹出框显示的时候,点击屏幕则该框消失. 然后我利用jQuery的on方法把click事件绑定到了document上面.做完之后,效果不错,结果就上线了. 结果同事拿着他的iphone6告诉我,弹出框无法消失. 然后我就找啊找,debug发现该事件没有执行,然后我就换了个写法,直接使用click方法能用. 查找原因 我们都知道在移动端,手机默认是触摸事件,也就是touch事件.在iphone上面事件冒泡的是touch一类的事件,而不是clic

解决移动端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 为任何

手机中点击一个链接或文本输入框出现一个半透明的背景的问题

刚开始接触移动端的开发,发现input元素在iPhone中获得焦点时会出现一个半透明的背景,如图: 要去掉这个半透明背景需要设置以下样式 -webkit-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0); 补充下网上的资料说明: 当你点击一个链接或输入框元素时,就会出现一个半透明的灰色背景. tap点击,highlight背景高亮,color颜色,颜色用数值调节 手机中点击一个链接或文本输入框出现一个半透明的

iphone上click事件不触发的问题解决。

//在ID为jsProvince上有这么一个事件: $('body').on('click', '#jsProvince', function(e){ $(this).next('.province-list').removeClass('hide'); }); 但是在iphone上点击就是没反应,无法出发绑定的点击事件. 但是在android上测试是没问题的. 找了半天终于找到了解决办法: 只需要给ID为jsProvince的元素添加一个如下的css样式就好了: #jsProvince{ cu

iPhone 上怎么给CSS定义 active 样式

如果给按钮定义 :hover 样式,在 iPhone 上按钮点击一次是 hover 态,再点击一次 hover 态才会消失,这不是我们想要的,继而想通过定义 :active 样式来实现按钮按下时的效果,但定义的 active 样式在 iPhone 上点击时没有任何效果 只需添加一段 js 即可: document.addEventListener("touchstart", function() {},false); 另一个方案,可以在 body 上添加 ontouchstart=&q

Iphone上对于动态生成的html元素绑定点击事件$(document).click()失效解决办法

在Iphone上,新生成的DOM元素不支持$(document).click的绑定方法,该怎么办呢? 百度了N久都没找到解决办法,在快要走投无路之时,试了试Google,我去,还真找到了,歪国人就是牛逼,原帖地址:http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-iphone-jquery 大概意思是,如果要用$(document).click()来绑定新生成的DOM元素,必须给此

在iphone上安装多个微信 【微信营销必备】

做微信营销有很多因素会影响,xmyanke认为微信消息的活跃度会让你的微信公众号在微信搜索排名靠前,既然那样,我们可以通过运营几个小号来达到目的.每每当你在几个微信小号之间切换的时候有没要奔溃的赶脚?有没办法在一个手机上安装多个微信呢?幸好大神们早就想到了,下面我们就介绍一下在iphone上安装多个微信,android版暂还没破解 首先需要用PC下载2个软件:一个是plist Editor,这个软件用来修改微信xml文件(修改微信安装包既微信IPA). 另外一个是itools,或者91助手,用于

在iPhone上取消APP订阅

1.在iPhone上打开APP Store,在精品推荐那个界面滚动到底部. 2.点击Apple ID那一栏,如图: 3.点击查看Apple ID,如图: 4.点击管理,如图: 5.关掉此选项,如图: 6.取消订阅成功,如图:

点击Div，显示其innerHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-