为什么图像会在动画后改变质量？

Question

我有一个jquery图像滑块，可以在我的网页上的div（＆＃39; class = container＆＃39;）上滑动图像，并在单独的div上找到徽标图像（.png格式）图像（＆＃39 ; ID =标识＆＃39;。）

当图像滑块在＆＃39; .container＆＃39;上滑动图像时div， 换句话说，当顶部的图像已经动画并且下一个图像显示时

#logo div上的图像神奇地失去了它的质量，甚至包含粗糙的边缘，几乎就像它原来是低质量的图像一样

take a look here 我不知道它导致了这个问题，或者它是否是css 我正在用于图像。

这是我用于滑动效果div的jquery代码。

$(document).ready( function(){

    $(".container > div:gt(0)").hide();
    var count=0;
    setInterval(function() { 
       $('.container > div:first')
          .animate({right:"110%"}) 
          .fadeOut(1000)
          .animate({right:"-110%"})
          .next()
          .fadeIn(1000)
          .end()
          .appendTo('.container');                 
       },  4000);

}）;

这是徽标div的css（包含my logo.png图像的div）

#logo{  opacity:0.8;        
    position:absolute;
    margin-left:36%;
    margin-top: -5px;
    width:300px;
    height:100px;
} 

#logo img{

     max-width: 400px;
     max-height: 200px;

}