Как добавить текстовое поле поверх анимированного изображения?

Question

Я делаю веб-страницу с изображением в центре, и мне нужно поле пароля (текстовое поле на изображении), как это.

Я использовал некоторые анимации CSS3 на изображении, так что есть ли способ разместить текстовое поле на изображении без ущерба для какой-либо анимации css?

Answer 1

в вышеуказанном случае использовании: позиция: абсолютная

, что он делает это просто разъединяют элементы из есть братья и сестры, и может быть размещена в любом месте проведения ссылки на свои родитель. Значит, если вы хотите поместить элемент, используйте левый/правый его родительский элемент.

Answer 2

Как он сказал, в примере кода комментария было бы неплохо, однако вы могли бы попытаться использовать абсолютное положение в своем CSS для изображения, это позволит перекрывать, я не могу дать какой-либо конкретный код, но он будет похож на то, что ниже.

{ 
position:absolute; 
}