jquery - iphone/css - 单击时如何防止黑色半透明覆盖在项目上

Question

我正在编写一个移动网站，在 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