title: CSS blur filter not working in Firefox and IE 10, any alternatives?
body: <p>I'm using this CSS code for <code>blur</code> effect:</p>
  
  <pre><code>.blur{
  -webkit-filter : blur(5px);
  -moz-filter    : blur(5px);
  -o-filter      : blur(5px);
  -ms-filter     : blur(5px);
  filter         : blur(5px);
  opacity        : 0.4      ;
  }
  </code></pre>
  
  <p>and the <code>blur</code> is working fine in Chrome, but nothing happens in Firefox or IE 10.</p>
  
  <p>I also tried this example <a href="http://jsbin.com/ulufot/31/edit" rel="nofollow">http://jsbin.com/ulufot/31/edit</a> but for IE 10, none worked.</p>
  
  <p>I need some advice at this moment, because I'm runing out of ideas...</p>