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

Question

I'm making a page that has the background change based on the time of day. For instance, when hours < 12, it will set to an image like this:

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

The image displays in the page but its a high resolution image and only shows a small section of the image, so I'm trying to stretch it. How do I reference it since it isn't an HTML element / I can't target it with CSS? At least I don't think I can?

Thanks

Answer 1

Yes you can do it using CSS. Like this:

body {
   background-size: cover;
}

Answer 2

将背景尺寸设置为“覆盖”

Answer 3

One way is to use css property as other mentioned before. Another way is to use API for image Resize