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

Question

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

现在，我想做的是向主页添加一个拉伸的响应式背景图像。类似于 this.

考虑到 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')";