动画 GIF 在大型 JQuery 不透明动画期间停止

Question

此问题在两台计算机上的 IE6 和 IE8 上出现（IE6 使用 VMware），但在另一台计算机上的 IE7 上没有出现此问题。 Safari 中对于非常大的图像也存在一个问题（Safari 是相关的，尽管我并不真正关心它）

基本上当我使用 fadeTo() 或 animate({"opacity":) 在大图像中设置不透明度动画时（例如上面的400x400px) 页面上的所有 GIF 动画暂时停止。 （例如左侧的红色）

请参阅：

http://sky-walker.net/ temp/housenav/fading3.html

100x640 和 640x100 没有问题，但 400x400 图像（和 3000x3000）可能会出现问题问题是基于图像中的像素数量。

在 Firefox 和 Chrome 中，即使使用 3000x3000 的图像，gif 动画和褪色图片也非常平滑。

在 Safari 中，gif 动画和褪色图片以相同的速度和低帧速率进行动画处理（如果网页包含 3000x3000 图像）。如果页面不包含该高分辨率图像，则 400x400 图像会平滑淡出。 （转至 fading2.html）

在 IE6 和 IE 8 中，淡入淡出非常平滑，但 gif 动画会断断续续或停止。

$(document).ready(function(){
    $("#fadeout1").click(function(event) {
        $("#pic1").fadeTo(2000, 0.2);
    });
    $("#fadein1").click(function(event) {
        $("#pic1").fadeTo(2000, 1.0);
    });         
});

<img src="the-animated-icon.gif" /> 
<a href="#" id="fadeout1">Fade Out</a> | <a href="#" id="fadein1">Fade In</a> <img src="the-pic-to-fade.jpg" id="pic1" />

有关更多详细信息，例如图像的确切名称，请参阅链接的源代码。

---

编辑： 虽然前面的链接在另一台 IE 计算机上可以正常工作，但我的原始网页却不能： http://sky-walker.net/temp/housenav2/roomsnav2old.php 当您将鼠标悬停在方形图标上时，动画 gif 就会停止。

Answer 1

我猜问题很简单，就是你的CPU或显卡跟不上。渲染不透明度是一项非常密集的操作。我在一台相当强大的机器上的 IE8 中没有看到任何停止，只是稍微变慢。