0

对于我目前正在开发的网站。我试图在页面上为背景图像提供一种视差效果。基本上我有一个具有设定高度的 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 + "')");

如果您需要任何进一步的信息，请告诉我。

4

1 回答 1

0

最终解决了问题，而不是背景：固定中心顶部不重复；删除了固定并使用背景附件：固定；

于 2016-01-12T15:45:05.673 回答