对于当前正在处理的网站。我正在尝试为背景图像提供页面上的视差效果。基本上,我有一个具有设定高度的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 + "')");
如果您需要更多信息,请告诉我。
最佳答案
最终设法解决了这个问题,而不是背景问题。删除了固定并使用background-attachment:fixed;