背景位置＆amp; Firefox

Question

我有一个带有背景图片，颜色和混合模式的标题：multiply。在滚动时，我会垂直更改背景位置以创建视差效果。在Firefox中它加载正常，但在滚动时背景图像定位错误。它应该从50％50％开始并且在向下滚动时增加y位置。但是在firefox中，当我开始滚动时它会跳到20％左右（css仍然说应该是50 +％），然后继续从那里移动。当我在检查器中弄乱背景位置并将其设置为0％时，它看起来像这样：

另外，background-blend-mode：multiply也会停止处理滚动，如您所见。为什么是这样？当用jquery改变背景位置时，firefox不喜欢它吗？

代码：

var lastst = 0;
$(window).scroll(function(){
    var st = $(window).scrollTop();
    $('.toppbild').each(function(){

        if(st <= $(this).height() + $('#header').height() && $(window).width() > 65 && st < lastst +1){
            $(this).css({
                'background-position': '50% ' + parseFloat(50+st/100*7) + '%',
            });
        }
    });
    lastst = st;
});

编辑：我在其他不使用背景混合模式的页面上具有相同的视差效果，在这些页面上，背景位置的行为应该如此。 Soo ..我猜混合模式导致背景定位错误？我很困惑。