Question

我发现，似乎是GitHub上一个非常棒的开源Node.JS登录系统。它位于here。我在我的网站上设置了它（cend.io）。一切都很酷。

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

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

提前感谢您的耐心等待。

Answer 1

你不需要jQuery，设置背景图像可以用这样的纯JavaScript来完成：

<dependencies>
    <!-- other dependencies -->
    <dependency>
        <groupId>org.json</groupId>
        <artifactId>json</artifactId>
        <!-- or w.e. version you wanted to use. -->
        <!-- See http://mvnrepository.com/artifact/org.json/json-->
        <version>20160212</version> 
     </dependency>
     <!-- other dependencies -->
</dependencies>

Answer 2

您只需要将其添加到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元素。

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

2 个答案: