title: background image grayscale
body: <p>I for background on my website I use colors and at top I have an image.
  I want to make this image black and white with css:</p>
  
  <pre><code>body {
      background: url('background.jpg') center top no-repeat;
      -webkit-filter: grayscale(100%);
  }
  </code></pre>
  
  <p>but this code make whole site grayscale</p>
  
  <p>I also tried to put site content to new div with style <code>-webkit-filter: none;</code> but it don't work neither.</p>