Making an overlay image non-interactive while maintaining visibility

Saola Animate Support Questions
1

Hi! I need help with this. Let’s say I have a PNG image that serves as a frame, and underneath it, I have several interactive buttons. When exporting the HTML, the image prevents interaction with the buttons.

Is there a way for the image to be visible but not be affected by or affect the interaction with the elements below?

2

Hi,

Could you share a bit more about why you need to use an image that covers the interactions? This will help us better understand the situation and offer the most suitable solution for your needs.

Regards,

3

Thanks for your response.
I need a PNG frame over the hole scene, but this image “cancel” all the interactivity below. I need that the image will be visible but doesnt interfiere with the interaction below.

image
image1677×951 120 KB

4

Thanks for your information.
Please assign a class name to the image, e.g., click-through, and then further edit the CSS as follows:

.click-through, .click-through * {
  pointer-events: none !important;
}

Regards,

1 Like