Making an svg image object clickable with onclick, avoiding absolute positioning

Question

I have tried to change the images on my site from img to svg, changing img tags to embed and object tags. Bu

Answer 1

I got this working accross the latest versions of Firefox, Chrome, Safari and Opera.

It relies on a transparent div before the object that has absolute position and set width and height so it covers the object tag below.

Here it is, I've been a bit lazy and used inline styes:

I used the following JavaScript to hook up an event to it: