png "on click" hot spot

[piza]

well that work around only lasted for one image. When I dupe this hotspot resize it and place it in a different location, that new one now exhibits the grey box on click.

[arnebech]

Have you tried setting the opacity of it to zero?

[piza]

Yep it's all set to zero. In a browser I don't see a transparent grey box when I click. Just when it's converted to a widget and loaded via iAuthor and previewed. It seems the click and hold or multitouch is interpreting the HTML differently. The hot spot function fine and the image is fine, it's only on click that the hotspot has a transparent grey box drawn over it

[piza]

I know feedback on click is helpful but because I have multiple hot spots to define some larger shapes this function makes it seem broken. Just trying to find a way to override it

[arnebech]

Looks like there is a iOS specific css property you can add to configure the tap highlight. Add the following to the custom css fields of all clickable/tappable objects, or add it as a general css rule in the projectHTML setting.

Custom CSS:

-webkit-tap-highlight-color: rgba(0,0,0,0);

or Head HTML:

<style type="text/css">
* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
</style>

[piza]

used the CSS custom code and it appears to be working thank you again.