1

让 gif 在 Chrome 中工作似乎存在问题。它在 FireFox 和 Opera 中运行良好，但在 Chrome 中，它似乎只有在我不断滚动时才起作用。知道我正在构建一个带有 gif 的响应式视差网站可能会很有用。我找不到这方面的任何信息，只是 Chrome 有时根本不会播放 gif。

4

2 回答 2

2

不确定您是否仍需要对此进行修复，但这是当 GIF 是背景图像时我必须做的。Chrome 会缓存 GIF，因此它只播放一次。您必须使用一些 jQuery 来“强制”动画再次播放。

<script type="text/javascript">
$(document).ready(function () {
    $("#myContainer").css("background-image", "url(/images/myAnimation.gif?"+ Math.random() + ")" );
});
</script>

几乎你在 GIF url 的末尾添加一个随机数来强制浏览器重播动画，因为它认为它是图像的新实例。我仍然会将 GIF 放在元素背景的 CSS 中，以防浏览器出现 JS 问题。

有点hacky，但它有效。

于 2014-02-21T20:41:33.600 回答
1

问题是 gif 被设置为 100% 的背景。当将其作为图像放入 html 中时，它又可以工作了。这并不能解释原因，但它确实提供了一种解决方法。

于 2013-03-08T10:41:55.410 回答