Javascript 我的移动背景赢得了';不要拉伸,而是有一个静止的地方。我能';我似乎无法改变这一点

Javascript 我的移动背景赢得了';不要拉伸,而是有一个静止的地方。我能';我似乎无法改变这一点,javascript,html,css,Javascript,Html,Css,所以我有一个用javascript制作的移动背景,现在我想拉伸我的背景。我用了很多方法,但找不到任何解决方案。它不会显示文本(在背景后面),图片保持静止 我已经尝试过这些解决方案的背景:例如封面 这是我的背景图片的css代码 #section1 { height: 100%; width: 100%; position: absolute; background-attachment: fixed; background-image: url("../I

所以我有一个用javascript制作的移动背景,现在我想拉伸我的背景。我用了很多方法,但找不到任何解决方案。它不会显示文本(在背景后面),图片保持静止

我已经尝试过这些解决方案的背景:例如封面

这是我的背景图片的css代码

#section1 { 
    height: 100%;
    width: 100%;
    position: absolute;
    background-attachment: fixed;
    background-image: url("../IMG/Background.png");
} 
也许这对解决手头的问题也有用,但我已经有了这个方法

var i=1;

function move(){
    i++;
    document.getElementById("section1").style.backgroundPosition=i+"px";
}

window.onload = function(){
    var move1 = setInterval(move, 30);
}

根据mdn()上的文档,您分配给
backgroundPosition
的值似乎无效。 它可以是(除其他格式外),如下所示:
背景位置:50px 100px

您必须添加
背景尺寸:封面到样式:

#第1节{
身高:100%;
宽度:100%;
位置:绝对位置;
背景附件:固定;
背景尺寸:封面;
背景图像:url(“../IMG/background.png”);
}