如何使用jQuery向此页面添加背景图像？

Question

我在GitHub上发现了一个非常棒的开源GitHub登录系统。它位于这里。我在我的网站(cend.io)上设置了它。一切都很酷。

现在，我想做的是，添加一个拉伸，响应的背景图像到主页。有点像这。

考虑到Node.JS登录系统的复杂性，最有效的方法是什么？

提前感谢您的耐心。

Answer 1

您只需将其添加到CSS中：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; // change to your own image
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这将向html元素添加一个完整的页面背景图像。

Answer 2

您不需要jQuery，设置背景图像可以使用以下纯JavaScript：

document.body.style.backgroundImage = "url('image.png')";