javascript - 如何拉伸(stretch)用 JS "document.body.style.backgroundImage = url(imgsrc);"插入的背景图像？

Question

我正在制作一个页面，该页面的背景会根据一天中的时间发生变化。例如，当小时 < 12 时，它将设置为这样的图像:

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

图像显示在页面中，但它是高分辨率图像并且只显示图像的一小部分，所以我试图拉伸(stretch)它。我如何引用它，因为它不是 HTML 元素/我不能用 CSS 定位它？至少我认为我做不到？

谢谢

Answer 1

是的，您可以使用 CSS 来完成。像这样:

body {
   background-size: cover;
}