title: internet explorer 10 - how to apply grayscale filter?
body: <p>This CSS code works pretty nice for Internet Explorer until 9.</p>
  
  <pre><code>img.gray {
      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");
      filter: gray;
      -webkit-filter: grayscale(1);
  }
  </code></pre>
  
  <p>But what do I need to do for Internet Explorer 10 ?</p>