我可以让这个基于javascript的滑块在IE8/9中工作吗？

这是一个简单的基于javascript的滑块

到目前为止，我已经在Safari（Mac）、Chrome（Win）、Firefox（Win）和IE11的更新版本中使用了它

它在IE8中不起作用，我相信IE9也是如此

这是修复它的一种方法吗，所以它在IE8和IE9中都能工作？

代码：

HTML:

JS:

---

谢谢。

我刚刚用模拟IE8的IE11进行了检查，除了Codepens布局变得疯狂外，滑块似乎工作正常。“你能更具体地说什么不起作用吗？”FlorianHaider我已经打开了IE8，但它不起作用。图像无法加载。看一看首先想到的是：正确地关闭img标签，如

，旧的IE通常对此非常严格。我还检查了一个图像文件，它们不是实际的PNG，而是PNG中的base64数据URL。IE8只支持大小小于32KB的数据URL，所以请尝试使用真正的PNG文件。

<div id="slider-wrapper">
<div id="slider">
    <div class="sp"><img src="http://i.imgur.com/1Lc66Hp.png"></div>
    <div class="sp"><img src="http://i.imgur.com/ILasdy4.png"></div>
    <div class="sp"><img src="http://i.imgur.com/4CZ6tJH.png"></div>
    <div class="sp"><img src="http://i.imgur.com/qgyowEN.png"></div>
</div>
</div>

<div id="nav">
    <div id="button-previous">prev</div>
    <div id="button-next">next</div>
</div>

#slider-wrapper {width:960px; height:480px;}
#slider {width:100%; height:100%; position:relative; overflow:hidden;}
.sp {width:100%; height:100%; position:absolute;left: 100%;}
.sp.first-in {left:0;}
.sp img {width: 100%;}
#nav {margin-top:20px; width:100%;}
#button-previous {float:left;}
#button-next {float:right;}

$(document).ready(function(){

$('.sp').first().addClass('current').css({left: 0});

$('#button-next').click(function(){

    var old = $('.current').removeClass('current');  

    if ( old.is(':last-child')) {
        old.animate({left: "-100%"});
        $('.sp').first().css({left: "100%"}).addClass('current').animate({left: 0});
    }else{
       old.animate({left: "-100%"});
       old.next().css({left: "100%"}).addClass('current').animate({left: 0});
    }        

});

$('#button-previous').click(function(){

    var old = $('.current').removeClass('current');   

    if ( old.is(':first-child')) {
        old.animate({left: "100%"});
        $('.sp').last().css({left: "-100%"}).addClass('current').animate({left: 0});
    }else{
        old.animate({left: "100%"});
        old.prev().css({left: "-100%"}).addClass('current').animate({left: 0});
    }
});
});