Javascript 如何将html屏幕的背景更改为图像？ {%extends“layout.html”%} {%block app_content%} {%来自“\u formhelpers.html”导入呈现\u字段%} 登记 {{form.hidden_tag（）}} {{render_字段（form.fname，class=“form control”）} {{render_字段（form.lname，class=“form control”）} {{render_字段（form.email，class=“form control”）} {{render_字段（form.phoneno，class=“form control”）} {{render_字段（form.password，class=“form control”）} {{render_字段（form.confirm_密码，class=“form control”）} {{render_字段（form.submit，class=“btn btn primary”）}

已经有账户了吗

{%endblock应用程序\内容%}

---

这是我的html代码，我想做的是添加一个图像作为表单的背景，以便表单位于图像上（图像应覆盖整个屏幕）。如果没有一个实际的.css文件，我怎么做呢？

为表单的div容器类编写css。使此div具有背景图像：

CSS

HTML

---

}

在您的示例中，您的标签在哪里

body  {
background-image: url("your_bg_image.jpg");
background-color: #cccccc;

身体{
背景图片：url（'yourImg.jpg'）；
背景重复：无重复；
背景附件：固定；
背景尺寸：封面；
}

---

-¸Teddy¸-

您只需将背景图像属性添加到想要拥有背景图像的任何div中。如果你想让它成为整个页面的背景，也许你应该把它放在顶部扩展的layout.html文件中

---

您可以使用

style

属性内联样式，或者创建一个

部分来放置css。然后只需设置

background

属性即可设置图像。

 .form-div {
  background-image: url("your_bg_image.jpg");
  width : 100 vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

 <div class="form-div">
    <form>
    </form>
</div>

body  {
background-image: url("your_bg_image.jpg");
background-color: #cccccc;

<style>
body {
  background-image: url('yourImg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;  
  background-size: cover;
}
</style>