如何拉伸使用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调整图像大小