使用Javascript擴展響應式HTML的背景圖片

Question

我在這段代碼中停留了幾個小時，試圖修改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";

Answer 1

您嘗試使用backgroundSize嗎？ （注意小寫的首字母b ）。 其他屬性也一樣，它們需要camelCased 。