在图像中插入字段

Question

我有一张图片，我想插入一个字段供用户在其中输入电子邮件。 你能帮我解决它的html代码吗？

由于

Answer 1

尝试使用此代码..

    <img src="image.jpg" style="z-index:1"/>
    <input type="text" style="z-index:100;display:block;top:10px;position:absolute;"/>

Answer 2

这样的事情对你有帮助吗？

HTML

​<div class="inputDiv">
<input type="text" value="input your data here"/>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS

.inputDiv{
    background:url(your_pic_url.jpg) no-repeat;
    width:300px;
    height:300px;
}

.inputDiv input{position:absolute; top:50px; left:50px;}

FIDDLE