Firefox: Imágenes de fondo en elementos de formulario.

[pzin]

Muy buenas.

He puesto en el fondo de un input una imagen, o al menos eso pretendo.

El código es este:

Código:

background:#fff url('/design/img/general/fondo-input.gif') repeat-x top 0;

La cosa es que en IE va bien, se ve como debo, pero en Firefox no, no se ve nada.

¿Alguien sabe a qué se debe? Firefox, admite imágenes de fondo en elementos de formularios, ¿no?

Gracias y un saludo.

[k4k4]

Hola,

en primer lugar, recuerda que no ocupas comillas cuando haces referencia a una url en el caso del background. Lo más recomendable es hacer la declaración sin comillas, por ejemplo:

Código PHP:

  background:#fff url(/design/img/general/fondo-input.gif) repeat-x top 0;  
   

y en segundo lugar, tienes un pequeño error de sintaxis que IE graciosamente ignora, pero FF no!

Si lo que quieres es un fondo tipo gradiente que se repita horizontalmente, esta es una declaración posible.

Código PHP:

  background:#fff url(/design/img/general/fondo-input.gif) repeat-x top left;  
   

Información sobre las posibles sintaxis: w3schools.com/css/css_background.asp

Saludos,

k4

[pzin]

Hola k4.

Eso era. Que curioso.
Muchas gracias.

Saludos.