Javascript jQuery使用css（）更改DIV背景

函数是crolledintoview（elem）
{
var docViewTop=$（window.scrollTop（）；
var docViewBottom=docViewTop+$（window）.height（）；
var elemTop=$（elem）.offset（）.top；
var elemBottom=elemTop+$（elem）.height（）；
返回（（elemTop=docViewTop））；
}
$（窗口）。滚动（函数（）{
如果（isScrolledIntoView（“#窗口_1”））{
$（'#container'）.css（'background'，'url'）(http://www.frasiaforismi.com/wp-content/uploads/2011/08/221368_220407157985347_131967240162673_902813_5241313_o.jpg)无重复中心）；
$（'#container'）.css（'background-size'，'cover'）；
}
else if（isScrolledIntoView（“#窗口_2”））{
$（'#container'）.css（'background'，'url'）(http://media3.letsbonus.com/products/258000/258380/13960103441079-0-680x276.jpg)无重复中心）；
$（'#container'）.css（'background-size'，'cover'）；
}
});
#容器{
位置：固定；
宽度：100vw；
高度：100vh；
背景：url（'http://www.frasiaforismi.com/wp-content/uploads/2011/08/221368_220407157985347_131967240162673_902813_5241313_o.jpg“）无重复中心；
背景尺寸：封面；
z指数：-1；
}
.科{
位置：相对位置；
背景色：黑色；
宽度：100vw；
高度：计算（100vh+200px）；
颜色：白色；
字体大小：30px；
文本对齐：居中；
}
.窗户{
位置：相对位置；
宽度：100vw；
高度：100vh；
背景色：透明；
}

卷轴

卷轴

我无法重现您遇到的问题，但有效的解决方案应该是：

CSS:

HTML:

如果你把
！重要信息
在值中的
中心之后
是否可以在堆栈片段或JSFIDLE中重现问题？我无法在firefox developer edition 35.0a2中重现问题。你使用哪个版本的firefox？不要使用
！重要信息
。有关原因的解释，请参阅。@ub3rst4r我尝试过，但它不起作用。是的，它现在起作用了。但我仍然不明白为什么jQuery css（）不能在IE和Firefox上正常使用后台属性。你知道为什么吗？
#container {
    position: fixed;
    width: 100vw;
    height: 100vh;

    background-size: cover;
    z-index: -1;
}

.container-image {
  background: url('http://www.frasiaforismi.com/wp-content/uploads/2011/08/221368_220407157985347_131967240162673_902813_5241313_o.jpg') no-repeat center;
}

.container-replace-one {
     background: url(http://www.frasiaforismi.com/wp-content/uploads/2011/08/221368_220407157985347_131967240162673_902813_5241313_o.jpg) no-repeat center;
     background-size:cover;
 }

.container-replace-two {
   background: url(http://media3.letsbonus.com/products/258000/258380/13960103441079-0-680x276.jpg) no-repeat center; 
   background-size:cover;     
 }

<div id="container" class="container-image"></div>

  $(window).scroll(function() {
if (isScrolledIntoView('#window_1')) {
    $('#container').removeClass('container-image');
    $('#container').removeClass('container-replace-two');
    $('#container').addClass('container-replace-one');        
        }
        else if (isScrolledIntoView('#window_2')) {
            $('#container').removeClass('container-image');
            $('#container').removeClass('container-replace-one');
            $('#container').addClass('container-replace-two');
        }
     });