如何拉伸使用JS“ document.body.style.backgroundImage = url（imgsrc）;”插入的背景圖像？

Question

我正在制作一個根據一天中的時間進行背景更改的頁面。 例如，當小時數小於12時，它將設置為以下圖像：

document.body.style.backgroundImage = "url(../img/morning.jpg)";

該圖像顯示在頁面中，但是它是高分辨率圖像，並且僅顯示圖像的一小部分，因此我嘗試拉伸它。 由於它不是HTML元素/我不能用CSS定位，因此如何引用它？ 至少我認為我做不到？

謝謝

Answer 1

是的，您可以使用CSS進行操作。 像這樣：

body {
   background-size: cover;
}

Answer 2

將背景尺寸設置為“覆蓋”

Answer 3

一種方法是使用css屬性，如前所述。 另一種方法是使用API調整圖像大小