Reinicie o GIF animado como imagem de fundo

É possível reiniciar um GIF animado usado comobackground-image?

Considere este HTML:

<div id="face">
    <div id="eyes"></eyes>
</div>

E esse estilo:

#eyes.blink {
    background-image:url('blink.gif');
}

Gostaria que oblink.gif animação para reproduzir toda vez que adiciono a classeblink para#eyes, não apenas na primeira ve

Eu esperava que isso funcionasse:

function startBlink() {
    $('#eyes').addClass('blink');
}

function stopBlink() {
    $('#eyes').removeClass('blink');
}

O problema é que o Firefox e o navegador WebKit não reproduzem uma animação GIF de imagem de plano de fundo novamente. Adicionar / remover o piscar de classe funciona apenas na primeira ve

questionAnswers(8)

yourAnswerToTheQuestion