iPhone /的CSS – 我怎样才能防止点击时项目上的黑色半透明覆盖

我正在编程一个移动网站，在iphone上，当您触摸/按住可点击的项目时，图像顶部会显示一个明显的半透明黑色覆盖图。 有没有人经历过这个？ 我该如何摆脱？ 有没有一种方法与CSS？ 这是我的代码：

childLink = $('<div class="option"/>'); childLink.click(function () { $(this).find('.option_image').addClass('active'); hideScene($(this).attr('data-sceneID'),'standard'); }); 

Answer 1

您可以使用CSS属性-webkit-tap-highlight-color:

要禁用突出显示，请使用alpha = 0的颜色。

 .yourLinkClass { -webkit-tap-highlight-color: rgba(0,0,0,0); } 

更多信息在这里： http : //css-infos.net/property/-webkit-tap-highlight-color