It appears like the "visible" value for the SVG object property "pointer-events" is not being respected in the newer versions of Firefox (confirmed for v34 and v35).

I have images with the following definitions embedded in an SVG:

`<image x="10" y="10" id="svg-image1" width="300" height="200" xlink:href="http://css-plus.com/examples/2012/03/gaussian-blur/i/fence.jpg" />`

`<image x="10" y="210" id="svg-image2" width="300" height="200" xlink:href="http://css-plus.com/examples/2012/03/gaussian-blur/i/fence.jpg" pointer-events="visible" visibility="hidden" />`

The second doesn't show up as visible in the SVG when painted but when the area the second image occupies is clicked click events are being fired. I've confirmed that Chrome has the expected behavior where the click events on the hidden element are not fired if pointer-events is set to "visible" but click events are fired for the first image.

JSFiddle here: <http://jsfiddle.net/d9uqo33j/> you can reproduce by clicking below the visible image in Firefox.

Any idea why this is or how to get the expected behavior out of Firefox? It is respecting pointer-events="none" but there are many places where I potentially toggle visibility and I would rather not depend on remembering to reset pointer-events or the mouse handler every time I toggle the image visibility.