求助：换肤功能，IE8下怎么换不了背景图片？

如下，点击一个按钮弹出一个层，点击层中的图片实现换肤
<body>  
<div id="popupdiv" style="display:none;">
  <ul>
    <li class="img_purple"><img src="images/skin/color_purple.png" /></li>
    <li class="img_red"><img src="images/skin/select_red.jpg" /></li>
    <li class="img_sky"><img src="images/skin/select_sky.jpg" /></li>
  </ul>
</div>
</body>css代码：.img_purple {
background:url("../images/bg_img/purple.png")scroll center top transparent;
}
.img_red {
background:url("../images/bg_img/bg_red.jpg") scroll center top transparent;
}
.img_sky {
background:url("../images/bg_img/bg_sky.jpg")center top no-repeat;
}
js代码：
$(function () {
    var cookieClass = getCookie('class'); //读取需要缓存的对象。
    $("body").attr("class", cookieClass);    $(".skin_list li").each(function () {
        $(this).click(function () {
            var className = $(this).attr("class"); 
            $("body").attr("class", className,30);//这个在火狐，chrome下是正常的，IE8下没有实现换body背景图   
            SetCookie("class", className, 30);
        })
    });
})现在问题是在Ie8下替换不了背景图片，怎么回事呢