使用 Javascript 拉伸响应式 HTML 背景图像答案

【问题标题】：Responsive HTML's background image stretching with Javascript使用 Javascript 拉伸响应式 HTML 背景图像
【发布时间】：2013-11-19 08:31:24
【问题描述】：

我在这段代码中被困了好几个小时，试图修改 HTML 的背景，以便它可以随着用户调整浏览器的大小而自动调整大小，我正在尝试通过 javascript 修改它：（顺便说一句，我在 Firefox 中）

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";

【问题讨论】：

你能创建一个小提琴链接吗？

标签： javascript html css firefox greasemonkey

【解决方案1】：

你试过backgroundSize吗？（注意小写首字母b）。其余属性相同，需要为camelCased。

【讨论】：