适合表单域的背景图像

Question

我有解决这个一个有点问题：

我有上有一个登录框全屏图像。我已经看到很多方法将图像添加到表单字段，但我必须以其他方式工作。我必须将表单域放在背景图像上的正确位置。

我该怎么做？

Answer 1

这是你所需要的？

#myForm { 
 
    position: absolute; 
 
    top: 100px; /* wherever you want it */ 
 
    left: 400px; /* wherever you want it */ 
 
}

<div class="container"> 
 
    <img src="http://placehold.it/800x300"> 
 
    <div id="myForm"> 
 
    <form> 
 
     <label for="pw">Password</label> 
 
     <input name="pw" type="text" /> 
 
    </form> 
 
    </div> 
 
</div>