相关疑难解决方法(0)

重新启动动画GIF作为背景图像

是否可以重新启动用作动画的GIF background-image

考虑这个HTML:

<div id="face">
    <div id="eyes"></eyes>
</div>
Run Code Online (Sandbox Code Playgroud)

而这种风格:

#eyes.blink {
    background-image:url('blink.gif');
}
Run Code Online (Sandbox Code Playgroud)

我想在blink.gif动画播放每次我的类添加时间blink#eyes,不只是第一次.

我希望这可行:

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

function stopBlink() {
    $('#eyes').removeClass('blink');
}
Run Code Online (Sandbox Code Playgroud)

问题是Firefox和WebKit浏览器一旦播放一次就不再播放背景图像GIF动画.添加/删除类闪烁仅在第一次有效.

html css jquery background-image animated-gif

16
推荐指数
3
解决办法
3万
查看次数

标签 统计

animated-gif ×1

background-image ×1

css ×1

html ×1

jquery ×1