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