响应式HTML'使用Javascript进行背景图像拉伸

Responsive HTML's background image stretching with Javascript

本文关键字：背景 图像 Javascript 使用 HTML 响应      更新时间：2023-09-26

我在这段代码中被困了几个小时，试图修改HTML的背景，以便在用户调整浏览器大小时自动调整大小，我正试图通过javascript进行修改：（我在firefox btw）

GM_addStyle('body {background-image: url("chrome://browserbackgrounds/content/browserbackgrounds
/Generic/Backgrounds/wall.jpg")}');
var images = document.getElementsByTagName ("img");
var x=0;
while(x<images.length)
{
if(images[x].src == "https://www.google.com/images/nav_logo170.png")
{
images[x].src = "chrome://browserbackgrounds/content/browserbackgrounds/Generic/Backgrounds   
/wall.jpg";
}
x=x+1;
}

下面是我被卡住的部分

document.getElementById("gsr").style.MozBackgroundSize="Cover";
document.getElementById("gsr").style.WebkitBackgroundSize="Cover";
document.getElementById("gsr").style.OBackgroundSize="Cover";
document.getElementById("gsr").style.BackgroundSize="Cover";

您尝试过backgroundSize吗？（注意小写首字母b）。与其他属性相同，它们需要是camelCased。

相关文章：