html - 在图像上放置输入文本（表单）

Question

我想设计一个带有输入文本控件（表单）的网页，该控件根据指定的位置放置在图像上，我尝试了带有所有位置属性的 CSS，当我调整窗口的大小或以不同的分辨率打开时，它们不再处于正确的位置，您能帮我解决这个问题吗？谢谢

图片的链接（像这样的例子）

Answer 1

这是你想要的吗 ？

http://jsbin.com/emecun/1/edit

代码可在上面的 url 中找到。

Answer 2

将图像用作 div 的背景图像，并将您的表单放入此 div。设置 div 的宽度和高度，然后它不应该调整大小。

像这样的东西：

div{
    background-image: url('image.gif') no-repeat;
   }

Answer 3

把它放在后台。如果你想对齐它，就像你在图像中所做的那样。然后为它使用一张桌子。并将图像保留在单元格的背景中 这就是我们可以说的，直到您提供任何进一步的信息。