title: Can I apply a CSS filter to a background image?
body: <p>I'd like to have a picture in the background like this</p>
  
  <pre><code>body{
  
      background-color: transparent !important;
      background-image: url("img.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px)
  
  
  }
  </code></pre>
  
  <p>but also have a blur filter on it.</p>
  
  <p>However, when I put it on the body , the blur is on everything but the background image.</p>
  
  <p>Is there a way to apply the blur only on the background image? (besides doing the blur in photoshop or similar.</p>