Referencing in-page SVG in Chrome

Question

Interesting question for someone. I\'m trying to apply an SVG filter to an image loaded in the page using the following markup:

Answer 1

Nevermind, turns out the filter: url() syntax isn't webkit-friendly, despite what I'd read elsewhere.

Instead, for this particular scenario you need to use the CSS rule:

-webkit-filter: grayscale(100%);