title: modernizr check for grayscale filters IE 10
body: <p>IE 10 does not support DX filters (yeaaaay) I'm currently using <code>$.browser</code> to detect IE 10 and implement the svg solution.</p>
  
  <p>However the <code>$.browser</code> is deprecated and will be removed or is already removed (Yeaaaay again!!!!). So, what is modernizr's alternative for <code>$.browser</code> in this case?</p>
  
  <pre><code>filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ &amp; Safari 6+ */
  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden; /* Fix for transition flickering */
  </code></pre>
  
  <p>I tried <code>if (Modernizr.css_filters)</code> but that didn't work</p>