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

管理最终解决问题，而不是背景：固定中心顶部不重复;删除固定并使用background-attachment：fixed;

Chrome背景图片修复了重绘问题

1 个答案: