textarea transparente

[taanas]

hola buenas

¿Hay alguna manera de hacer un objeto textarea de un formulario transparete?
Lo que quiero es poner una imagen de fondo, de tal manera que se pueda ver
lo que hay escrito en la caja de texto y de fondo la imagen.

No se si me he explicado bien, muchas gracias

taanas

[christian]

Pones esto en la hoja de estilos

#campotransparente {background:transparent;}

y asi el codigo html

<textarea id="campotransparente">
</textarea>

Saludos
Christian

Post by taanas
hola buenas
¿Hay alguna manera de hacer un objeto textarea de un formulario transparete?
Lo que quiero es poner una imagen de fondo, de tal manera que se pueda ver
lo que hay escrito en la caja de texto y de fondo la imagen.
No se si me he explicado bien, muchas gracias
taanas

[Antonio González]

Post by christian
Pones esto en la hoja de estilos
#campotransparente {background:transparent;}
y asi el codigo html
<textarea id="campotransparente">
</textarea>

Mejor que poner una definición contextual, que solo le
vale para ese textarea, sería definir una clase, por
si tiene más de uno

En el css sería

.campotransparente{background:transparent;}

y en el html

<textarea class="campotransparente">
</textarea>

Antonio

[taanas]

muchas gracias por vuestras respuestas, me habeis ayudado mucho. Al final lo
he resuelto creando una clase y colocandosela al form:

.imagen {
background-attachment: fixed;
background-color: 8C8C8C;
background-image: url(./imagen.jpg);
background-repeat: no-repeat;
background-position: center center;
color: #000000;
font-weight: bold;
font-size: small;
text-align: center;
}

taanas

Post by Antonio González

Post by christian
Pones esto en la hoja de estilos
#campotransparente {background:transparent;}
y asi el codigo html
<textarea id="campotransparente">
</textarea>

Mejor que poner una definición contextual, que solo le
vale para ese textarea, sería definir una clase, por
si tiene más de uno
En el css sería
.campotransparente{background:transparent;}
y en el html
<textarea class="campotransparente">
</textarea>
Antonio

[Tirael]

taanas escribió:

[...]

..imagen {
background-attachment: fixed;
background-color: 8C8C8C;
background-image: url(./imagen.jpg);
background-repeat: no-repeat;
background-position: center center;
color: #000000;
font-weight: bold;
font-size: small;
text-align: center;
}

Para el CSS no es ..clase {}, sino .clase {}. Ojo.
- --
Tirael
Usuario de Linux 317342, máquina 202819.

[taanas]

es cierto, supongo que meti un punto sin querer al copiarlo :)

taanas

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1
[...]

..imagen {
background-attachment: fixed;
background-color: 8C8C8C;
background-image: url(./imagen.jpg);
background-repeat: no-repeat;
background-position: center center;
color: #000000;
font-weight: bold;
font-size: small;
text-align: center;
}

Para el CSS no es ..clase {}, sino .clase {}. Ojo.
- --
Tirael
Usuario de Linux 317342, máquina 202819.
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.2.1-nr1 (Windows XP) - WinPT 0.7.96rc1
iD8DBQE/pBnr2AYr2Lxi0iQRAuMiAJ46yhOSWvH/lGyXKaabIVJ5BrGNjgCfXwf2
61OlTaln3uH1uwlOoDI+Q60=
=N35H
-----END PGP SIGNATURE-----