Css 如何在动画图像上添加文本框？

我正在制作一个以图像为中心的网页，我想要一个密码字段（图像上的文本框），如下所示

---

我在图像中使用了一些CSS3动画，所以有没有办法在不影响任何css动画的情况下将文本框放置在图像上

正如他在评论示例代码中所说的那样，代码很好，但是您可以尝试在css中为图像使用绝对位置，这将允许重叠，我无法给出任何特定代码，但它将类似于下面的代码

{
position:absolute;
}

在上述情况下，请使用： 位置：绝对位置

它所做的只是将元素与is同级解除关联，并且可以放置在任何包含对其父级引用的位置。

---

意味着如果要定位元素，请使用其父元素的左/右。

一些示例代码会更好。