我正在编写一个移动网站,在
iphone中,当您触摸/按住可点击项目时,图像顶部会有一个明显的半透明黑色覆盖.有没有人经历过这个?我怎么摆脱它?用css有办法吗?这是我的代码:
childLink = $('<div class="option"/>'); childLink.click(function () { $(this).find('.option_image').addClass('active'); hideScene($(this).attr('data-sceneID'),'standard'); });
解决方法
您可以使用CSS属性-webkit-tap-highlight-color设置点按高亮显示的颜色:
要禁用突出显示,请使用alpha = 0的颜色.
.yourLinkClass { -webkit-tap-highlight-color: rgba(0,0); }
更多信息:http://css-infos.net/property/-webkit-tap-highlight-color