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

时间:2019-07-12 15:53:12

标签: javascript image

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

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

图像显示在页面中,但它是高分辨率图像,并且仅显示图像的一小部分,因此我尝试拉伸它。由于它不是HTML元素/我不能用CSS定位,因此如何引用它?至少我认为我做不到?

谢谢

3 个答案:

答案 0 :(得分:3)

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

body {
   background-size: cover;
}

答案 1 :(得分:1)

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

答案 2 :(得分:0)

一种方法是使用css属性,如前所述。 另一种方法是使用API for image Resize