Chrome背景图片修复重绘问题

Question

为我目前正在工作的一个网站。我试图在页面上给背景图像一种视差效果。基本上，我有一个div，它有一个设置的高度，当用户点击每个旋转项目时，我会更新div的背景图像。背景图像固定在顶部中心，当页面第一次加载时，它工作得非常好。但是如果你稍微向下滚动，使得div的一部分不可见，并在旋转器中切换项目，背景图像只会在div的某个点加载，但当我滚动或触摸检查器中的任何元素时，它就会完全加载。

这是我的标记，以防我做错了什么，但它在Firefox和IE7/8/9上工作得很好，但就是不能在Chrome上工作。任何帮助都将不胜感激。

.home .rotator
{
    height:450px;
    background: fixed center top no-repeat;
    background-size: 100% auto;
    position: relative;
    margin-bottom: 20px;
}

$(".home .rotator").css("background-image", "url('" + bgImg + "')");

如果您需要任何进一步的信息，请让我知道。

Answer 1

最后设法解决了问题，而不是背景:固定中心顶部无重复；删除固定并使用背景-附件:固定；