Iphone / Css - How Do I Prevent Black Semi-transparent Overlay On Items When Clicked

I am programming a mobile site and in iphone there is a noticeable semi-transparent black overlay on top of the image when you touch / hold on an clickable item. Has anyone experie

Solution 1:

You can set the color of the tap highlighting with the CSS Property -webkit-tap-highlight-color:

To disable highlighting use a color with alpha = 0.

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

More info here: http://css-infos.net/property/-webkit-tap-highlight-color