適合表單域的背景圖像

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>