IE7,8调用所有错误的功能？

Question

好吧，所以我想做一些动画。 这是测试页。

有大量的代码，我认为它们都相关，因此将其粘贴在这里可能不值得。 我可以发布函数定义：

var ImageLoader = function(c,imagelist,oncomplete) {
    var l = 0, imgs = [], i, loaded = 0;
    for( i in imagelist) {
        l++;
        imgs[i] = new Image();
        imgs[i].style.position = "absolute";
        imgs[i].style.left = "100%";
        c.appendChild(imgs[i]);
        imgs[i].onload = function() {
            loaded++;
            if( loaded == l) oncomplete(imgs);
        };
        imgs[i].onerror = function() {
            alert("Failed to load "+this.src);
        };
        imgs[i].src = imagelist[i];
    }
};
var img2bg = function(c,img) {
    var d = document.createElement('div');
    d.style.width = img.width+"px";
    d.style.height = img.height+"px";
    d.style.backgroundImage = "url('"+img.src+"')";
    d.style.position = "absolute";
    d.style.left = "100%";
    c.appendChild(d);
    return d;
};
var Animate = function(callback,time,thenwhat) {
    var start = new Date().getTime();
    var timer = window.setInterval(function() {
        var now = new Date().getTime();
        var pos = Math.min(1,(now-start)/time);
        if( callback) callback(pos);
        if( pos == 1) {
            clearInterval(timer);
            if( thenwhat) thenwhat();
        }
    },25);
};

但是，正如我提到的那样，这本身并不是很有用。

无论如何，到目前为止，该动画可以在IE9，IE10，Chrome，Firefox中完美运行……但是在IE8和7中，它却失败了。

在ImageLoader的回调函数中，我在两个特定的图像上调用img2bg 。 但是由于某种原因，该函数对于一张图像被调用了两次，而四次或五次都被调用而根本没有第二个参数。 在整个脚本中，实际上没有其他对img2bg调用，那有什么用呢？

Answer 1

您确定要在IE7 / 8中使用的所有功能都能正常工作吗？ 您使用的不透明度不。 我知道背景位置充其量是越野车。 您使用的是html5文档类型，所以我不知道这是否意味着您可能也在使用html5元素或API。 这就是让我认为问题出在这里的原因。

Answer 2

该问题的“解决方案”是对特征进行检测并使动画可选，以便旧的浏览器可以跳过动画或播放更简单的动画。