title: Apply grayscale filter to div
body: <p><img src="https://content.screencast.com/users/deflime/folders/Jing/media/aa95ea13-1e27-4c0f-97f4-999dd5bcc437/2013-04-01_2316.png" alt="quick example"></p>
  
  <p>Trying to apply a grayscale filter to the div that is over top of the main background. Wondering if this is possible at all with jQuery, CSS3, or HTML5. I was playing with a few of the new CSS3/HTML5 technologies but to no success.</p>
  
  <p>I can't save it as two images because the background needs to stretch full-size, so it won't be exactly the same on every screen.</p>
  
  <p>I'm working on an early draft and I am just wondering if I should kill this idea. If you point me in the right direction I can figure it out.</p>