(Consulta) Campos Transparentes

opzina · #1 (**permalink**) 11/03/2008, 07:05

hola q tal?.

tengo un formulario, y me gustaria que los campos para rellenar ej.:
Nombre, Apellido, etc.
Esten trasnparentes y se vea el fondo de la pagina..esto es posible???
Gracias.

darioc · #2 (**permalink**) 11/03/2008, 07:19

nunca lo he intentado, pero si en un div es posible, por qué no en un input text?
utiliza las propiedades correspodientes en el style del input:

Código PHP:

  #id_input { 
    filter:alpha(opacity=70);  
    -moz-opacity:.70;  
    opacity:.70; 
}

y modifica el 70 a 100 si lo quieres opaco ó 0 si lo quieres transparente.
El primer filter:alpha te funciona para IE y los otros para los demás navegadores (no recuerdo si es al contrario

)

prueba y cualquier cosa avisas!

opzina · #3 (**permalink**) 11/03/2008, 08:02

o sea este es el codigo del nombre y campo:
<td><strong>Nombre:</strong></td>
<td><input type="text" name="nombre" size=30 /></td>

en donde meto ese codigo?
Gracias..
PD: soy novato

darioc · #4 (**permalink**) 11/03/2008, 08:20

ok, entre las etiquetas <head> ... </head> coloca este codigo:

Código PHP:

  <style> 
.transparente {  
filter:alpha(opacity=70);   
-moz-opacity:.70;   
opacity:.70;  
}   
</style>

esto es un estilo que puedes aplicar a los objetos, como a tus input text:

Código PHP:

  <input type="text" class="transparente" name="nombre" size="30" />

como te dije, no lo he probado. le das y me avisas

? fino pues

opzina · #5 (**permalink**) 11/03/2008, 09:14

gracias...anda perfecto...pero una cosa....la letra tb se me pone en transparente...hay alguna forma de que quede negra o de otro color??

Gracias otra vez, saludos

PD: cambian class po un color obtengo el color pero no se me hace transparente, cmo puedo combiar dos clases juntas????

ElJavista · #6 (**permalink**) 11/03/2008, 13:34

Lo lamento, se hace todo transparente, a mi también me ha pasado algo semejante (no en un input) Lamento decirte que no se puede, talvez más adelante en otra versión de CSS se pueda hacer.