相关疑难解决方法(0)

是否可以重新启动用作动画的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动画.添加/删除类闪烁仅在第一次有效.

我正在尝试使用微风加载记录.在加载记录时我正在显示旋转图标.但不知何故,旋转图标似乎在网格中加载记录时停止.这是我的HTML

<div id="showSpin" data-bind="visible: isSpinning" style="padding: 10px; position: absolute; top:248px;left: 320px;  background-color: #FFF; opacity: 0.9; filter: alpha(opacity=90);">
    <img src="/images/spin.gif" />
</div>

这是我加载图片的代码

isSpinning(true)
context.getData(name, records).then(function (data) {
     isSpinning(false);

    setTimeout(function () {
        isSpinning(false);
    }, 300);

})
.fail("Record not found");

Update1 我根据答案尝试了下面的代码,但没有任何反应.我还包括css.但什么都看不到.

<div id="loading" data-bind="visible: isSpinning" style="padding: 10px; position: absolute; top:240px;left: 280px;  background-color: #FFF; opacity: 0.9; filter: alpha(opacity=90);">
    <i class="icon-spin " style="width: 40px"></i>
    <!--<img src="../../../../../Content/images/download.jpg" style="width: 40px" />-->
</div>