Como colocar uma caixa de texto em cima de uma imagem

P

pa3lo022

Gamma

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 31/10/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

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 31/10/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/10/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/10/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/10/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;
}