php - 有电子邮件表格的背景图片吗？

Question

我创建了一个电子邮件表单，我有一张图片我想作为整个表单的背景。我尝试过使用 CSS background-image 以及使用 html 来使用背景图像。

我找到的所有教程都只向我展示了如何将图像作为实际的文本框(即搜索表单内的放大镜)。我希望图像位于整个表格的后面。

我的代码当前生成的内容:http://testing.egfederation.com/contact/contact.php

我的 HTML

<div id = "contentwrap"><div class = "contact">
  <img src="CSS/Bracket.png">
  <form method="post" action="<?php echo $_SERVER["PHP_SELF"];?>">
  <input type ="text" name = "message" placeholder="Full Name"> <br>
  <input type="text" name="from" placeholder="Email Address"><br>
  <input type="text" name="subject" placeholder="Subject"><br>
  <textarea rows="10" cols="35" name="message" placeholder="Please Enter your message here."></textarea><br>
  <input type="submit" name="submit" value="Submit">
  </form></div> </div> 

我的 CSS

.contact {

    height:600px;
    width:800px;
    margin-left:auto;
    margin-right:auto;
}
#contentwrap {
    float:right;
}

.contact img{
    z-index:-1;
}

Answer 1

试试这个:

div#contentwrap{
    background-image:url("image URL here");
    background-repeat:; /* if you need it */
    background-size:; /* if you need it */
    }

如果您想了解更多信息，W3Schools在 CSS 背景上有一些非常有用的页面。