Перезапустите анимированный GIF как фоновое изображение.

Можно ли перезапустить анимированный GIF, используемый какbackground-image?

Рассмотрим этот HTML:

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

И этот стиль:

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

Я хотел быblink.gif анимация, чтобы играть каждый раз, когда я добавляю классblink в#eyesне только в первый раз.

Я ожидал, что это сработает:

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

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

Проблема заключается в том, что Firefox и браузер WebKit не воспроизводят анимацию GIF фонового изображения после однократного воспроизведения. Добавление / удаление класса blink работает только в первый раз.

Ответы на вопрос(8)

Ваш ответ на вопрос