iPhone/CSS - 如何防止点击时项目上出现黑色半透明叠加层

Question

我正在编写一个移动网站，在 iPhone 上，当您点击/长按可点击项时，会在图像上方出现明显的半透明黑色叠加层。有人经历过这种情况吗？我该如何消除它？是否可以使用 CSS 解决？这是我的代码：

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

- mheavers

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

- joern