Question

I have built up an image using several svg files so that I have control over swapping parts of the image & changing colors.

I’m now looking at why I can’t mouse click anything other than the top svg item. I assumed it was because my image was oversized, but I’ve corrected that. The images are placed using the embed tag and I’ve also tried altering the embed height and width attributes.

Can I even do this? Or should I be looking for a different solution.

** Edit **
I added code, but have removed it as it wasn’t used by those offering help and didn’t contribute to the solution.

Answer 1

The solution I adopted was to use a clear overlay image plus an image map.

For details, please refer to;
link