Question

我想之前已经回答过，但我在网上找不到类似的问题。

我在隐藏的div（侧面菜单）中有一个img元素。它实际上并没有隐藏，它是一个绝对定位的div，位于身体边界之外。当用户单击按钮打开菜单时，我使用jQuery的动画通过播放其左侧属性将其移回视口。设置如下：

.menu { 
    .
    .
    .
    width: 200px;
    position: absolute;
    left: -200px;
}

当用户点击按钮打开菜单时，我会运行这个动画：

$('.menu').animate({
        left: "+=200"
    },
    500,
    function() {
        // stuff here
    }
);

问题是，当这个动画完成时，菜单中的img会在短时间内像3秒一样进行像素化，然后才能正确渲染。每次我关闭并再次打开菜单时都会发生这种情况。我怎么解决这个问题？

修改

我准备了一个小提琴，但无法在小提琴中重现这个问题。图像呈现在小提琴中没有问题。无论如何，我在这里发布链接，也许这有助于理解设置。原因可能是动画时文档中存在的其他元素吗？或者它可能是关于图像的大小？