title: Restart animated GIF as background-image
body: <p>Is it possible to restart an animated GIF used as <code>background-image</code>?</p>
  
  <p>Consider this HTML:</p>
  
  <pre><code>&lt;div id="face"&gt;
      &lt;div id="eyes"&gt;&lt;/eyes&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this style:</p>
  
  <pre><code>#eyes.blink {
      background-image:url('blink.gif');
  }
  </code></pre>
  
  <p>I would like the <code>blink.gif</code> animation to play every time I add the class <code>blink</code> to <code>#eyes</code>, not just the first time.</p>
  
  <p>I expected this to work:</p>
  
  <pre><code>function startBlink() {
      $('#eyes').addClass('blink');
  }
  
  function stopBlink() {
      $('#eyes').removeClass('blink');
  }
  </code></pre>
  
  <p>The problem is that both Firefox and WebKit browser do not play a background-image GIF animation again once it has played once. Adding/removing the class blink only works the first time.</p>