Cómo poner un textbox encima de una imagen

P

pa3lo022

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 31 Oct 2017

• #1

Hola a todos, una diseñadora me paso una imagen y dentro de la imagen debería ir un textbox, pero no se como hacerlo. Alguien que me pueda ayudar?

Muchas gracias

 

MrDeveloper

Gamma

Programador

No recomendado

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 31 Oct 2017

• #2

Si ponés la parte del diseño, para ver bien aque te refieres, con gusto podría ayudarte... :encouragement:

Una solución puede ser poner la imagen de background en el form, no te olvides que todo input debe ser hijo de un form 😉

 

marjuanm

Zeta

Programador

Verificación en dos pasos activada

• 31 Oct 2017

• #3

usa capas (<div></div>) y establece el z-index superior a la capa donde tengas la imágen.

 

goldfish

Dseda

Programador

Verificación en dos pasos activada

Verificado por Binance

• 31 Oct 2017

• #4

pon un <div><img><input></div> y con clases y z-index puedes hacer que estén superpuestas y alineadas.

 

WebDesarrollar

Beta

Programador

Verificación en dos pasos activada

• 31 Oct 2017

• #5

La propiedad background-image define la imagen de fondo de un elemento.


div {
background-image: url("https://direccion/files/6457/mdn_logo_only_color.png");
}

p {
background-image: none;
}

.catsandstars {
background-image: url("https://direccion/files/11991/startransparent.gif"),
url("https://direccion/files/7693/catfront.png");
background-color: transparent;
}