title: Blur the background of a <li> but not the content
body: <p>I have a problem with my HTML template. I have to blur the background of this "li" and not the enteire content (the h1 got blurred if I put the blur option in the style section).
  Have you got any idea?</p>
  
  <pre><code>&lt;li style="background-image: url('test.png'); background-repeat:no-repeat;"&gt;
  &lt;h1&gt;Title&lt;/h1&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Thanks.</p>